60 lines
2.4 KiB
HTML
60 lines
2.4 KiB
HTML
|
<!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>PNG without explicit dimensions - 1x</h3>
|
||
|
|
<div class="expected">expected<br/>
|
||
|
|
<img src="resources/srcset.png" width="200" height="100">
|
||
|
|
</div>
|
||
|
|
<div class="actual">actual<br/>
|
||
|
|
<img id="png1" src="resources/srcset.png">
|
||
|
|
</div>
|
||
|
|
This test should show a PNG image of size 200x100, and intrinsic/natural size 200x100. The left half of the image should be red and there should be a black circle in the center.<br/>
|
||
|
|
<code class="stats" id="code5"></code>
|
||
|
|
<br clear="all"/>
|
||
|
|
</div>
|
||
|
|
<div class="test">
|
||
|
|
<h3>PNG with explicit dimensions - 1x</h3>
|
||
|
|
<div class="expected">expected<br/>
|
||
|
|
<img src="resources/srcset.png" width="100" height="50">
|
||
|
|
</div>
|
||
|
|
<div class="actual">actual<br/>
|
||
|
|
<img id="png2" src="resources/srcset.png" width="100" height="50">
|
||
|
|
</div>
|
||
|
|
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 circle in the center.<br/>
|
||
|
|
<code class="stats" id="code6"></code>
|
||
|
|
<br clear="all"/>
|
||
|
|
</div>
|
||
|
|
<div class="test">
|
||
|
|
<h3>PNG without explicit dimensions - 2x</h3>
|
||
|
|
<div class="expected">expected<br/>
|
||
|
|
<img src="resources/srcset.png" width="100" height="50">
|
||
|
|
</div>
|
||
|
|
<div class="actual">actual<br/>
|
||
|
|
<img id="png3" src="" srcset="resources/srcset.png 2x">
|
||
|
|
</div>
|
||
|
|
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 circle in the center.<br/>
|
||
|
|
<code class="stats" id="code7"></code>
|
||
|
|
<br clear="all"/>
|
||
|
|
</div>
|
||
|
|
<div class="test">
|
||
|
|
<h3>PNG with explicit dimensions - 4x</h3>
|
||
|
|
<div class="expected">expected<br/>
|
||
|
|
<img src="resources/srcset.png" width="100" height="50">
|
||
|
|
</div>
|
||
|
|
<div class="actual">actual<br/>
|
||
|
|
<img id="png4" src="" srcset="resources/srcset.png 4x" width="100" height="50">
|
||
|
|
</div>
|
||
|
|
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 circle in the center.<br/>
|
||
|
|
<code class="stats" id="code8"></code>
|
||
|
|
<br clear="all"/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|