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

Thu, 15 Jan 2015 21:03:48 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 21:03:48 +0100
branch
TOR_BUG_9701
changeset 11
deefc01c0e14
permissions
-rw-r--r--

Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)

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 // Note that our canvas is 100x100, so our scaled 200x200 image will
michael@0 16 // get cropped to 100x100.
michael@0 17 ctx.drawImage(image, 0, 0, 200, 200);
michael@0 18 document.documentElement.removeAttribute("class");
michael@0 19 }
michael@0 20 image.src ="lime100x100.svg";
michael@0 21 }
michael@0 22 </script>
michael@0 23 </head>
michael@0 24 <body onload="go()">
michael@0 25 <canvas id="canvas" width="100" height="100"></canvas>
michael@0 26 </body>
michael@0 27 </html>

mercurial