radial-2-ref.html (532B)
1 <html xmlns="http://www.w3.org/1999/xhtml" 2 class="reftest-wait"> 3 <head> 4 <script> 5 function doDraw() { 6 var ctx = document.getElementById('canvas').getContext('2d'); 7 8 var radgrad = ctx.createRadialGradient(100,100,0,100,100,50); 9 radgrad.addColorStop(0, '#FF0000'); 10 radgrad.addColorStop(1, '#0000FF'); 11 12 ctx.fillStyle = radgrad; 13 ctx.fillRect(0,0,300,300); 14 15 document.documentElement.removeAttribute('class'); 16 } 17 </script> 18 </head> 19 <body onload="doDraw();"> 20 <canvas id="canvas" width="300" height="300"/> 21 </body> 22 </html>