canvas 画渐变矩形

<canvas width="600px" height="300px"></canvas>
<script>
    var myCanvas=document.querySelector("canvas");
    var ctx=myCanvas.getContext("2d");
    //没有独立路径,从哪开始画，长宽多少
    ctx.rect(100,100,100,100);
    ctx.stroke();
    //有独立路径，不会影响别的绘制
    //ctx.strokeRect(100,100,100,200);
    //有独立路径，不会影响别的绘制
    ctx.fillRect(100,100,100,100);
    //清理画板，但清理之后还可以再画
    ctx.clearRect(0,0,150,150);
</script>