Fri, 16 Jan 2015 18:13:44 +0100
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> |