fillStyle

填充样式,默认是#000.它的值可以是颜色值(color),渐变对象(gradient),纹理填充对象(pattern).

  ctx.fillStyle = '#225588';

color

颜色值1 fillStyle = 'RGB(64,128,192)'

颜色值2 fillStyle = 'RGBA(64,128,192,.6)'

颜色值3 fillStyle = 'HSL(360,50%,50%)'

颜色值4 fillStyle = 'HSL(360,50%,50%,.6)'

颜色值5 HEX fillStyle = '#225588'

双重循环画颜色方格,颜色值随机变化

透明度

rgba最后一个数表示透明度,范围0.0~1.0,默认是1.0.

循环逐渐变化的透明度,0.0~1.0

gradient

线性渐变

放射渐变

pattern

图片填充