summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/canvas/element/manual/layers/layers-shadow.html
blob: 59768746e49e25240e3f4083a196db04f60edebc (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<link rel="match" href="layers-shadow-expected.html">
<p class="desc"> A test to make sure shadow works with layers. </p>
<script>

var canvas, ctx;
canvas = document.createElement("canvas");
canvas.width = 200;
canvas.height = 200;
document.body.appendChild(canvas);

ctx = canvas.getContext("2d");
ctx.fillStyle = 'rgba(0,0,255,1)';
ctx.fillRect(50,50,95,70);

ctx.shadowOffsetX = -10;
ctx.shadowOffsetY = 10;
ctx.shadowColor = 'orange';

ctx.beginLayer();

ctx.fillStyle = 'rgba(225,0,0,1)';
ctx.fillRect(60,40,75,50);
ctx.fillStyle = 'rgba(0,255,0,1)';
ctx.fillRect(80,60,75,50);

ctx.endLayer();

</script>