Faire un dégradé dans un rectangle

<canvas id= »myCanvas » width= »300″ height= »150″ style= »border:1px solid #d3d3d3; »>
Votre navigateur ne supporte pas le HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById(« myCanvas »);
var ctx = c.getContext(« 2d »);
var grd = ctx.createRadialGradient(75, 50, 5, 90, 60, 100);
grd.addColorStop(0, « red »);
grd.addColorStop(1, « white »);
ctx.fillStyle = grd;
ctx.fillRect(10, 10, 150, 100);
</script>