1.阴影
- context.shadowColor——阴影颜色
- context.shadowOffsetX——X轴方向偏移量
- context.shadowOffsetY——Y轴方向偏移量
- context.shadowBlur——失焦距离
2.global
- globalAlpha——设置全局透明度
- globalCompositeOperation——图形与图形之间产生遮挡时怎么处理
- source-over——源覆盖,即后面的覆盖前面的
- source-atop
- source-in
- source-out
- destination-over
- destination-atop
- destination-in
- destination-out
- lighter
- copy
- xor
3.剪辑区域
- context.clip()——可制作探照灯效果
4.非零环绕原则——创造镂空剪纸效果,在规划路径的时候要注意路径方向
5.isPointInPath()——配合其他js事件可以实现丰富的canvas交互效果
- context.isPointInPath(x,y)——判断点(x,y)是否在canvas的某个路径中