blob: 1084b8ac194b82c3e95130dd354ac5d17cc7e020 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="resources/svg_tests.css">
<script src="resources/svg_canvas_helper.js"></script>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
</script>
</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>Canvas PNG without explicit dimensions - 1x</h3>
<div class="expected">expected<br/>
<img id="png5" src="" srcset="resources/srcset.png" width="200" height="100">
</div>
<div class="actual">actual<br/>
<canvas id="canvas3"></canvas>
</div>
This test should show a PNG image drawn into a canvas. The canvas and image should look the same and both should be 200x100.<br/>
<br clear="all"/>
</div>
<div class="test">
<h3>Canvas PNG without explicit dimensions - 2x</h3>
<div class="expected">expected<br/>
<img id="png6" src="" srcset="resources/srcset.png" width="100" height="50">
</div>
<div class="actual">actual<br/>
<canvas id="canvas4"></canvas>
</div>
This test should show an SVG image drawn into a canvas. The canvas and image should look the same and both should be 100x50.<br/>
<br clear="all"/>
</div>
<script>
window.addEventListener('load', function(){
drawCanvas('png5', 'canvas3', 200, 100);
drawCanvas('png6', 'canvas4', 100, 50);
if (window.testRunner)
testRunner.notifyDone();
});
</script>
</body>
</html>