linear-vertical-1-ref.html (339B)
1 <!DOCTYPE HTML> 2 <html> 3 <body> 4 <canvas id="canvas" width="300" height="300"/> 5 <script> 6 var ctx = document.getElementById('canvas').getContext('2d'); 7 8 var grad = ctx.createLinearGradient(150,0,150,300); 9 grad.addColorStop(0, 'white'); 10 grad.addColorStop(1, 'black'); 11 12 ctx.fillStyle = grad; 13 ctx.fillRect(0,0,300,300); 14 </script> 15 </body> 16 </html>