blob: 1a893a01ac81057a5b34d50779e5c0bab6bd5a98 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="resources/svg_tests.css">
</head>
<body>
<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>
</body>
</html>