颜色,样式和阴影

。fillStyle 设置或返回用于填充绘画颜色人,渐变或模式

。strokeStyle 设置或返回用于笔触的颜色呢。渐变或模式

。阴影

1,shadowColor 设置或返回用于阴影的颜色

2,shadowBlur 设置或返回用于阴影的模糊级别

3,shadowOffsetX设置或返回阴影距形状的水平距离

4,shadowOffsetY 设置或返回阴影距形状的垂直距离

canvas专题-阴影、渐变、填充模式

。渐变

1.createLinearGradient(x0,y0,x1,y1)创建线性渐变(用在画布内容上)

2.createRadialGradient(x0,y0,x1,y1)创建放射状/环形的渐变(用在画布内容上)

3.addColorStop()规定渐变对象中的颜色和停止位置        canvas专题-阴影、渐变、填充模式

在指定的方向上重复指定的元素

。createPattern()方法在指定的方向内重复指定的元素

。元素可以是图片,水平或者其他 canvas元素

。被重复的元素可用于绘制/填充矩形,圆形或线条等的

canvas专题-阴影、渐变、填充模式

CanvasPatter对象开始平铺图像的参考起点并不是我们当前绘制图形的左上角,而是整个canvas画布的左上角,确切的说,即canvas的起点坐标(0,0)

 

注意:如果createPattern()方法的image参数不是当前页面一个已经存在的image对象或Canvas对象,那么我们需要等待浏览器将图片加载完成后才能调用createPattern()方法及后续操作

canvas专题-阴影、渐变、填充模式

 

相关文章:

  • 2021-11-17
  • 2022-12-23
  • 2022-03-01
  • 2022-12-23
  • 2021-12-26
  • 2021-12-29
猜你喜欢
  • 2021-08-09
  • 2022-12-23
  • 2022-01-28
  • 2021-12-31
  • 2021-12-24
  • 2021-04-27
相关资源
相似解决方案