OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <link rel="stylesheet" href="resources/svg_tests.css"> |
3 <head> | 3 <script src="resources/svg_canvas_helper.js"></script> |
4 <link rel="stylesheet" href="resources/svg_tests.css"> | 4 <script> |
5 <script src="resources/svg_canvas_helper.js"></script> | 5 if (window.testRunner) |
6 <script> | 6 testRunner.waitUntilDone(); |
7 if (window.testRunner) | 7 </script> |
8 testRunner.waitUntilDone(); | 8 <h2><a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset">srcset</a> test
cases for SVG</h2> |
9 </script> | 9 <div class="test"> |
10 </head> | |
11 <body> | |
12 <h2><a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset">srcset</a> te
stcases for SVG</h2> | |
13 <div class="test"> | |
14 <h3>Canvas PNG without explicit dimensions - 1x</h3> | 10 <h3>Canvas PNG without explicit dimensions - 1x</h3> |
15 <div class="expected">expected<br/> | 11 <div class="expected">expected<br/> |
16 <img id="png5" src="" srcset="resources/srcset.png" width="200" height="10
0"> | 12 <img id="png5" src="" srcset="resources/srcset.png" width="200" height="
100"> |
17 </div> | 13 </div> |
18 <div class="actual">actual<br/> | 14 <div class="actual">actual<br/> |
19 <canvas id="canvas3"></canvas> | 15 <canvas id="canvas3"></canvas> |
20 </div> | 16 </div> |
21 This test should show a PNG image drawn into a canvas. The canvas and image
should look the same and both should be 200x100.<br/> | 17 This test should show a PNG image drawn into a canvas. The canvas and image
should look the same and both should be 200x100.<br/> |
22 <br clear="all"/> | 18 <br clear="all"/> |
23 </div> | 19 </div> |
24 <div class="test"> | 20 <div class="test"> |
25 <h3>Canvas PNG without explicit dimensions - 2x</h3> | 21 <h3>Canvas PNG without explicit dimensions - 2x</h3> |
26 <div class="expected">expected<br/> | 22 <div class="expected">expected<br/> |
27 <img id="png6" src="" srcset="resources/srcset.png" width="100" height="50
"> | 23 <img id="png6" src="" srcset="resources/srcset.png" width="100" height="
50"> |
28 </div> | 24 </div> |
29 <div class="actual">actual<br/> | 25 <div class="actual">actual<br/> |
30 <canvas id="canvas4"></canvas> | 26 <canvas id="canvas4"></canvas> |
31 </div> | 27 </div> |
32 This test should show an SVG image drawn into a canvas. The canvas and image
should look the same and both should be 100x50.<br/> | 28 This test should show an SVG image drawn into a canvas. The canvas and image
should look the same and both should be 100x50.<br/> |
33 <br clear="all"/> | 29 <br clear="all"/> |
34 </div> | 30 </div> |
35 <script> | 31 <script> |
36 window.addEventListener('load', function(){ | 32 window.addEventListener('load', function(){ |
37 drawCanvas('png5', 'canvas3', 200, 100); | 33 drawCanvas('png5', 'canvas3', 200, 100); |
38 drawCanvas('png6', 'canvas4', 100, 50); | 34 drawCanvas('png6', 'canvas4', 100, 50); |
39 if (window.testRunner) | 35 if (window.testRunner) |
40 testRunner.notifyDone(); | 36 testRunner.notifyDone(); |
41 }); | 37 }); |
42 </script> | 38 </script> |
43 <script src="resources/print_img_failure.js"></script> | 39 <script src="resources/print_img_failure.js"></script> |
44 </body> | |
45 </html> | |
OLD | NEW |