| <!DOCTYPE HTML> |
| <link rel="stylesheet" href="resources/svg_tests.css"> |
| <script src="resources/svg_canvas_helper.js"></script> |
| <h2><a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset">srcset</a> testcases for SVG</h2> |
| <div class="test"> |
| <h3>Relative SVG with explicit dimensions - 1x</h3> |
| <div class="expected">expected<br/> |
| <img src="resources/relativesrcset.svg" width="100" height="50"> |
| </div> |
| <div class="actual">actual<br/> |
| <img id="svg5" src="resources/relativesrcset.svg" width="100" height="50"> |
| </div> |
| This test should show an SVG image of size 100x50, and intrinsic/natural size 100x50.The left half of the image should be pink and there should be a purple circle in the center.<br/> |
| <br clear="all"/> |
| </div> |
| <div class="test"> |
| <h3>Relative SVG with explicit dimensions - 4x</h3> |
| <div class="expected">expected<br/> |
| <img src="resources/relativesrcset.svg" width="100" height="50"> |
| </div> |
| <div class="actual">actual<br/> |
| <img id="svg6" src="" srcset="resources/relativesrcset.svg 4x" width="100" height="50"> |
| </div> |
| This test should show an SVG image of size 100x50, and intrinsic/natural size 50x25. The left half of the image should be pink and there should be a purple circle in the center.<br/> |
| <br clear="all"/> |
| </div> |
