|
1 <!DOCTYPE html> |
|
2 <canvas id="c" width="1" height="1"></canvas> |
|
3 <img id="img" src="image_green-1x1.png"> |
|
4 <script> |
|
5 window.onmessage = function(ev) { |
|
6 if (ev.data != "start") { |
|
7 parent.postMessage({ msg: "unknown_message", data: ev.data }, "*"); |
|
8 return; |
|
9 } |
|
10 |
|
11 // Set document.domain to itself, so we trigger the |
|
12 // "set effective script origin" cases. |
|
13 document.domain = document.domain |
|
14 var ctx = document.getElementById("c").getContext("2d"); |
|
15 ctx.drawImage(document.getElementById("img"), 0, 0); |
|
16 try { |
|
17 var data = ctx.getImageData(0, 0, 1, 1).data; |
|
18 parent.postMessage( |
|
19 { |
|
20 msg: "color", |
|
21 data: "rgba(" + data[0] + ", " + data[1] + ", " + data[2] + ", " + data[3]/255 + ")" |
|
22 }, |
|
23 "*"); |
|
24 } catch (e) { |
|
25 parent.postMessage({ msg: "exception", data: e.toString() }, "*"); |
|
26 } |
|
27 |
|
28 parent.postMessage({ msg: "done" }, "*"); |
|
29 } |
|
30 </script> |