layout/reftests/svg/as-image/canvas-drawImage-slice-1a.html

Wed, 31 Dec 2014 13:27:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 13:27:57 +0100
branch
TOR_BUG_3246
changeset 6
8bccb770b82d
permissions
-rw-r--r--

Ignore runtime configuration files generated during quality assurance.

michael@0 1 <html class="reftest-wait">
michael@0 2 <head>
michael@0 3 <script type="text/javascript">
michael@0 4 function go() {
michael@0 5 var canvas = document.getElementById("canvas");
michael@0 6 var ctx = canvas.getContext("2d");
michael@0 7
michael@0 8 // Draw some orange
michael@0 9 ctx.fillStyle = "orange";
michael@0 10 ctx.fillRect(0, 0, 100, 100);
michael@0 11
michael@0 12 // Instantiate an image. Once it has loaded, draw it & take snapshot.
michael@0 13 var image = new Image();
michael@0 14 image.onload = function() {
michael@0 15 // This version of the test is "easier", in that the sampled region
michael@0 16 // is offset from the red by 1px on all sides. This lets us avoid
michael@0 17 // any pixel-rounding errors.
michael@0 18 ctx.drawImage(image, 26, 26, 48, 48, 0, 0, 100, 100);
michael@0 19 document.documentElement.removeAttribute("class");
michael@0 20 }
michael@0 21 image.src ="limeInRed100x100.svg";
michael@0 22 }
michael@0 23 </script>
michael@0 24 </head>
michael@0 25 <body onload="go()">
michael@0 26 <canvas id="canvas" width="100" height="100"></canvas>
michael@0 27 </body>
michael@0 28 </html>

mercurial