2 <!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. -->
3 <title>Canvas test:
2d.shadow.image.section
</title>
4 <script src=
"/resources/testharness.js"></script>
5 <script src=
"/resources/testharnessreport.js"></script>
6 <script src=
"/html/canvas/resources/canvas-tests.js"></script>
7 <link rel=
"stylesheet" href=
"/html/canvas/resources/canvas-tests.css">
8 <body class=
"show_output">
10 <h1>2d.shadow.image.section
</h1>
11 <p class=
"desc">Shadows are not drawn for areas outside image source rectangles
</p>
14 <p class=
"output">Actual output:
</p>
15 <canvas id=
"c" class=
"output" width=
"100" height=
"50"><p class=
"fallback">FAIL (fallback content)
</p></canvas>
16 <p class=
"output expectedtext">Expected output:
<p><img src=
"/images/green-100x50.png" class=
"output expected" id=
"expected" alt=
"">
19 var t
= async_test("Shadows are not drawn for areas outside image source rectangles");
20 _addTest(function(canvas
, ctx
) {
22 ctx
.fillStyle
= '#0f0';
23 ctx
.fillRect(0, 0, 100, 50);
24 ctx
.shadowOffsetY
= 50;
25 ctx
.shadowColor
= '#f00';
26 ctx
.drawImage(document
.getElementById('redtransparent.png'), 50, 0, 50, 50, 0, -50, 50, 50);
28 _assertPixelApprox(canvas
, 25,25, 0,255,0,255, 2);
29 _assertPixelApprox(canvas
, 50,25, 0,255,0,255, 2);
30 _assertPixelApprox(canvas
, 75,25, 0,255,0,255, 2);
35 <img src=
"/images/redtransparent.png" id=
"redtransparent.png" class=
"resource">