[Cairo] Canvas-shadow behavior is not being as expected
[WebKit-https.git] / LayoutTests / fast / canvas / script-tests / shadow-image.js
1 description("Test to verify the shadow of an image drawn on canvas");
2
3 // Create an auxiliary canvas to draw to and create an image from.
4 // This is done instead of simply loading an image from the file system
5 // because that would throw a SECURITY_ERR DOM Exception.
6 var aCanvas = document.createElement('canvas');
7 aCanvas.setAttribute('width', '200');
8 aCanvas.setAttribute('height', '200');
9 var aCtx = aCanvas.getContext('2d');
10
11 // Draw a rectangle on the same canvas.
12 aCtx.fillStyle = 'rgb(0, 255, 0)';
13 aCtx.rect(0, 0, 100, 50);
14 aCtx.fill();
15
16 // Create the image object to be drawn on the master canvas.
17 var img = new Image();
18 img.onload = draw;
19 img.src = aCanvas.toDataURL();
20
21 function draw()
22 {
23 var canvas = document.getElementById('myCanvas');
24 var ctx = canvas.getContext('2d');
25 ctx.shadowOffsetX = 200;
26 ctx.shadowOffsetY = 50;
27 ctx.fillStyle=ctx.createPattern(img, 'repeat-x');
28 ctx.shadowColor = 'rgba(255, 0, 0, 1.0)';
29 ctx.fillRect(0, 0, 200, 200);
30
31 var imageData = ctx.getImageData(10, 10, 1, 1);
32 imgdata = imageData.data;
33 shouldBe("imgdata[0]", "0");
34 shouldBe("imgdata[1]", "255");
35 shouldBe("imgdata[2]", "0");
36
37 imageData = ctx.getImageData(290, 60, 1, 1);
38 imgdata = imageData.data;
39 shouldBe("imgdata[0]", "255");
40 shouldBe("imgdata[1]", "0");
41 shouldBe("imgdata[2]", "0");
42
43 imageData = ctx.getImageData(90, 60, 1, 1);
44 imgdata = imageData.data;
45 shouldBe("imgdata[0]", "0");
46 shouldBe("imgdata[1]", "0");
47 shouldBe("imgdata[2]", "0");
48 }