Canvas 高级

一、Canvas 高级

1、变换--位移

  • translate(x, y)

2、变换-缩放

  • scale(xS, yS)

3、变换-旋转

  • rotate(弧度)

4、环境的保存和释放

  • save()
  • restore()

5、设置透明度

  • globalAlpha 属性 设置绘图环境的不透明度 值0~1之间

6、限制绘图区域

  • clip() 配合路径。对绘图环境进行的限制


7、输出base64编码

  • canvasEle.toDataURL();

8、画布渲染画布

  • 使用drawImage()把canvas元素当做img元素

9、贝塞尔曲线

  • bezierCurvelTo()

posted @ 2017-11-20 18:39  不完美的完美  阅读(985)  评论(0)    收藏  举报