java fillrect 填充图片_canvas绘图详解-08-样式填充

样式填充

fillStyle = color    颜色值

gradient    渐变色

image     图片

canvas    画布

video      视频

strokeStyle也适用

1、fillStyle = color可以填充任何css承认的颜色值

2、fillStyle = gradient    渐变色(线性渐变||镜像渐变)

var linearGrd = context.createLinearGradient( 50,50,300,300);

linearGrd.addColorStop(0.0,"#fff");

linearGrd.addColorStop(0.5,"#ff0");

linearGrd.addColorStop(1.0,"#f00");

context.fillStyle=linearGrd;

context.fillRect(0,0,800,800);

var radialGrd = context.createRadialGradient( 200,200,400,50