2 <title>Canvas test:
2d.composite.clip.lighter
</title>
3 <!-- Testing: fill() does not affect pixels outside the clip region. -->
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
);
22 SimpleTest
.waitForExplicitFinish();
23 addLoadEvent(function () {
25 var canvas
= document
.getElementById('c');
26 var ctx
= canvas
.getContext('2d');
29 ctx
.fillStyle
= '#0f0';
30 ctx
.fillRect(0, 0, 100, 50);
31 ctx
.globalCompositeOperation
= 'lighter';
32 ctx
.rect(-20, -20, 10, 10);
34 ctx
.fillStyle
= '#f00';
35 ctx
.fillRect(0, 0, 50, 50);
36 isPixel(ctx
, 25,25, 0,255,0,255, "25,25", "0,255,0,255", 0);
37 isPixel(ctx
, 75,25, 0,255,0,255, "75,25", "0,255,0,255", 0);