<!DOCTYPE HTML>
<link rel="stylesheet" href="resources/svg_tests.css">
<script src="resources/svg_canvas_helper.js"></script>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
</script>
<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">
</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/>
<code class="stats" id="code13"></code>
<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 2x">
</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/>
<code class="stats" id="code14"></code>
<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>
Codebase Browser
chromium