2 <title>Canvas test:
2d.composite.uncovered.fill.source-out
</title>
3 <!-- Testing: fill() draws pixels not covered by the source object as (0,0,0,0), and does not leave the pixels unchanged. -->
4 <script src=
"/MochiKit/MochiKit.js"></script>
5 <script src=
"/tests/SimpleTest/SimpleTest.js"></script>
6 <link rel=
"stylesheet" href=
"/tests/SimpleTest/test.css">
8 <canvas id=
"c" width=
"100" height=
"50"><p class=
"fallback">FAIL (fallback content)
</p></canvas>
10 function isPixel(ctx
, x
,y
, r
,g
,b
,a
, pos
, colour
, d
) {
11 var pixel
= ctx
.getImageData(x
, y
, 1, 1);
12 var pr
= pixel
.data
[0],
16 ok(r
-d
<= pr
&& pr
<= r
+d
&&
17 g
-d
<= pg
&& pg
<= g
+d
&&
18 b
-d
<= pb
&& pb
<= b
+d
&&
19 a
-d
<= pa
&& pa
<= a
+d
,
20 "pixel "+pos
+" is "+pr
+","+pg
+","+pb
+","+pa
+"; expected "+colour
+" +/- "+d
);
22 function todo_isPixel(ctx
, x
,y
, r
,g
,b
,a
, pos
, colour
, d
) {
23 var pixel
= ctx
.getImageData(x
, y
, 1, 1);
24 var pr
= pixel
.data
[0],
28 todo(r
-d
<= pr
&& pr
<= r
+d
&&
29 g
-d
<= pg
&& pg
<= g
+d
&&
30 b
-d
<= pb
&& pb
<= b
+d
&&
31 a
-d
<= pa
&& pa
<= a
+d
,
32 "pixel "+pos
+" is "+pr
+","+pg
+","+pb
+","+pa
+"; expected "+colour
+" +/- "+d
);
35 SimpleTest
.waitForExplicitFinish();
36 addLoadEvent(function () {
38 var canvas
= document
.getElementById('c');
39 var ctx
= canvas
.getContext('2d');
42 ctx
.fillStyle
= 'rgba(0, 255, 0, 0.5)';
43 ctx
.fillRect(0, 0, 100, 50);
44 ctx
.globalCompositeOperation
= 'source-out';
45 ctx
.fillStyle
= 'rgba(0, 0, 255, 0.75)';
47 ctx
.fillRect(0, 50, 100, 50);
48 isPixel(ctx
, 50,25, 0,0,0,0, "50,25", "0,0,0,0", 5);