2 <title>Canvas test:
2d.composite.uncovered.image.destination-in
</title>
3 <!-- Testing: drawImage() draws pixels not covered by the source object as (0,0,0,0), and does not leave the pixels unchanged. -->
4 <script src=
"/tests/SimpleTest/SimpleTest.js"></script>
5 <link rel=
"stylesheet" href=
"/tests/SimpleTest/test.css">
7 <canvas id=
"c" width=
"100" height=
"50"><p class=
"fallback">FAIL (fallback content)
</p></canvas>
9 function isPixel(ctx
, x
,y
, r
,g
,b
,a
, pos
, colour
, d
) {
10 var pixel
= ctx
.getImageData(x
, y
, 1, 1);
11 var pr
= pixel
.data
[0],
15 ok(r
-d
<= pr
&& pr
<= r
+d
&&
16 g
-d
<= pg
&& pg
<= g
+d
&&
17 b
-d
<= pb
&& pb
<= b
+d
&&
18 a
-d
<= pa
&& pa
<= a
+d
,
19 "pixel "+pos
+" is "+pr
+","+pg
+","+pb
+","+pa
+"; expected "+colour
+" +/- "+d
);
21 function todo_isPixel(ctx
, x
,y
, r
,g
,b
,a
, pos
, colour
, d
) {
22 var pixel
= ctx
.getImageData(x
, y
, 1, 1);
23 var pr
= pixel
.data
[0],
27 todo(r
-d
<= pr
&& pr
<= r
+d
&&
28 g
-d
<= pg
&& pg
<= g
+d
&&
29 b
-d
<= pb
&& pb
<= b
+d
&&
30 a
-d
<= pa
&& pa
<= a
+d
,
31 "pixel "+pos
+" is "+pr
+","+pg
+","+pb
+","+pa
+"; expected "+colour
+" +/- "+d
);
34 SimpleTest
.waitForExplicitFinish();
35 addLoadEvent(function () {
37 var canvas
= document
.getElementById('c');
38 var ctx
= canvas
.getContext('2d');
41 ctx
.fillStyle
= 'rgba(0, 255, 255, 0.5)';
42 ctx
.fillRect(0, 0, 100, 50);
43 ctx
.globalCompositeOperation
= 'destination-in';
44 ctx
.drawImage(document
.getElementById('yellow.png'), 40, 40, 10, 10, 40, 50, 10, 10)
45 isPixel(ctx
, 15,15, 0,0,0,0, "15,15", "0,0,0,0", 5);
46 isPixel(ctx
, 50,25, 0,0,0,0, "50,25", "0,0,0,0", 5);
52 <img src=
"image_yellow.png" id=
"yellow.png" class=
"resource">