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>SVG without explicit dimensions - 2x</h3> | |
11 <div class="expected">expected<br/> | |
12 <img src="resources/srcset.svg" width="100" height="50"> | |
13 </div> | |
14 <div class="actual">actual<br/> | |
15 <img id="svg3" src="" srcset="resources/srcset.svg 2x"> | |
16 </div> | |
17 This test should show an SVG image of size 100x50, and intrinsic/natural siz
e 100x50. The left half of the image should be green and there should be a blue
circle in the center.<br/> | |
18 <code class="stats" id="code3"></code> | |
19 <script>printSizes('svg3', 'code3');</script> | |
20 <br clear="all"/> | |
21 </div> | |
22 <div class="test"> | |
23 <h3>SVG with explicit dimensions - 4x</h3> | |
24 <div class="expected">expected<br/> | |
25 <img src="resources/srcset.svg" width="100" height="50"> | |
26 </div> | |
27 <div class="actual">actual<br/> | |
28 <img id="svg4" src="" srcset="resources/srcset.svg 4x" width="100" height=
"50"> | |
29 </div> | |
30 This test should show an SVG image of size 100x50, and intrinsic/natural siz
e 50x25. The left half of the image should be green and there should be a blue c
ircle in the center.<br/> | |
31 <code class="stats" id="code4"></code> | |
32 <script>printSizes('svg4', 'code4');</script> | |
33 <br clear="all"/> | |
34 </div> | |
35 </body> | |
36 </html> | |
OLD | NEW |