cross-domain-image-receive.htm (642B)
1 <!DOCTYPE html> 2 3 <html lang="en"> 4 <head> 5 <title>Cross-Domain image transfer test</title> 6 </head> 7 <script type="text/javascript" charset="utf-8"> 8 9 function receiver(e) { 10 var dstCanvas = document.createElement('canvas'); 11 dstCanvas.width = e.data.image.width 12 dstCanvas.height = e.data.image.height 13 var dstCtx = dstCanvas.getContext('2d'); 14 dstCtx.drawImage(e.data.image, 0, 0) 15 var imgData = dstCtx.getImageData(0, 0, dstCanvas.height, dstCanvas.width); 16 17 result = JSON.stringify(imgData.data); 18 e.source.postMessage(result, "*"); 19 } 20 21 addEventListener('message', receiver, false); 22 </script> 23 <body> 24 </body> 25 </html>