layout/reftests/canvas/transformed-gradient.html

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

michael@0 1 <html>
michael@0 2 <body>
michael@0 3 <canvas width="500" height="500"></canvas>
michael@0 4 <script>
michael@0 5 var canvas = document.getElementsByTagName('canvas')[0];
michael@0 6 var ctx = canvas.getContext('2d');
michael@0 7
michael@0 8 ctx.translate(500, 500);
michael@0 9 var lineargradient = ctx.createLinearGradient(-500,-500,0,0);
michael@0 10 lineargradient.addColorStop(0,'red');
michael@0 11 lineargradient.addColorStop(1,'black');
michael@0 12 ctx.fillStyle = lineargradient;
michael@0 13 ctx.beginPath();
michael@0 14 ctx.rect(-500, -500, 250, 250);
michael@0 15 ctx.fill();
michael@0 16 </script>
michael@0 17 </body>
michael@0 18 </html>

mercurial