OLD | NEW |
| (Empty) |
1 <!DOCTYPE HTML> | |
2 <html> | |
3 <head> | |
4 <link rel="stylesheet" href="resources/svg_tests.css"> | |
5 <script src="resources/svg_canvas_helper.js"></script> | |
6 </head> | |
7 <body> | |
8 <h2><a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset">srcset</a> te
stcases for SVG</h2> | |
9 <div class="test"> | |
10 <h3>PNG without explicit dimensions - 1x</h3> | |
11 <div class="expected">expected<br/> | |
12 <img src="resources/srcset.png" width="200" height="100"> | |
13 </div> | |
14 <div class="actual">actual<br/> | |
15 <img id="png1" src="resources/srcset.png"> | |
16 </div> | |
17 This test should show a PNG image of size 200x100, and intrinsic/natural siz
e 200x100. The left half of the image should be red and there should be a black
circle in the center.<br/> | |
18 <code class="stats" id="code5"></code> | |
19 <script>printSizes('png1', 'code5');</script> | |
20 <br clear="all"/> | |
21 </div> | |
22 <div class="test"> | |
23 <h3>PNG with explicit dimensions - 1x</h3> | |
24 <div class="expected">expected<br/> | |
25 <img src="resources/srcset.png" width="100" height="50"> | |
26 </div> | |
27 <div class="actual">actual<br/> | |
28 <img id="png2" src="resources/srcset.png" width="100" height="50"> | |
29 </div> | |
30 This test should show a PNG image of size 100x50, and intrinsic/natural size
100x50. The left half of the image should be red and there should be a black ci
rcle in the center.<br/> | |
31 <code class="stats" id="code6"></code> | |
32 <script>printSizes('png2', 'code6');</script> | |
33 <br clear="all"/> | |
34 </div> | |
35 <div class="test"> | |
36 <h3>PNG without explicit dimensions - 2x</h3> | |
37 <div class="expected">expected<br/> | |
38 <img src="resources/srcset.png" width="100" height="50"> | |
39 </div> | |
40 <div class="actual">actual<br/> | |
41 <img id="png3" src="" srcset="resources/srcset.png 2x"> | |
42 </div> | |
43 This test should show a PNG image of size 100x50, and intrinsic/natural size
100x50. The left half of the image should be red and there should be a black ci
rcle in the center.<br/> | |
44 <code class="stats" id="code7"></code> | |
45 <script>printSizes('png3', 'code7');</script> | |
46 <br clear="all"/> | |
47 </div> | |
48 <div class="test"> | |
49 <h3>PNG with explicit dimensions - 4x</h3> | |
50 <div class="expected">expected<br/> | |
51 <img src="resources/srcset.png" width="100" height="50"> | |
52 </div> | |
53 <div class="actual">actual<br/> | |
54 <img id="png4" src="" srcset="resources/srcset.png 4x" width="100" height=
"50"> | |
55 </div> | |
56 This test should show a PNG image of size 100x50, and intrinsic/natural size
50x25. The left half of the image should be red and there should be a black cir
cle in the center.<br/> | |
57 <code class="stats" id="code8"></code> | |
58 <script>printSizes('png4', 'code8');</script> | |
59 <br clear="all"/> | |
60 </div> | |
61 | |
62 | |
63 </body> | |
64 </html> | |
OLD | NEW |