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