2 <title>Canvas test:
2d.gradient.radial.touch1
</title>
3 <script src=
"/MochiKit/MochiKit.js"></script>
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');
40 ctx
.fillStyle
= '#0f0';
41 ctx
.fillRect(0, 0, 100, 50);
43 var g
= ctx
.createRadialGradient(150, 25, 50, 200, 25, 100);
44 g
.addColorStop(0, '#f00');
45 g
.addColorStop(1, '#f00');
47 ctx
.fillRect(0, 0, 100, 50);
49 isPixel(ctx
, 1,1, 0,255,0,255, "1,1", "0,255,0,255", 0);
50 isPixel(ctx
, 50,1, 0,255,0,255, "50,1", "0,255,0,255", 0);
51 isPixel(ctx
, 98,1, 0,255,0,255, "98,1", "0,255,0,255", 0);
52 isPixel(ctx
, 1,25, 0,255,0,255, "1,25", "0,255,0,255", 0);
53 isPixel(ctx
, 50,25, 0,255,0,255, "50,25", "0,255,0,255", 0);
54 isPixel(ctx
, 98,25, 0,255,0,255, "98,25", "0,255,0,255", 0);
55 isPixel(ctx
, 1,48, 0,255,0,255, "1,48", "0,255,0,255", 0);
56 isPixel(ctx
, 50,48, 0,255,0,255, "50,48", "0,255,0,255", 0);
57 isPixel(ctx
, 98,48, 0,255,0,255, "98,48", "0,255,0,255", 0);