Canvas---绘制一个由黑到白渐变的矩形

绘制一个由黑到白渐变的矩形

 

        /*线是由点构成的*/
        ctx.lineWidth = 30;
        for (var i = 0; i < 255; i++) {
            ctx.beginPath();
            ctx.moveTo(100 + i - 1, 100);
            ctx.lineTo(100 + i, 100);
            ctx.strokeStyle = 'rgb(' + i + ',' + i + ',' + i + ')';
            ctx.stroke();
        }

 

 

ctx.strokeStyle = 'rgb(' + i + ',0,0)';