canvas属性和方法

  1. 直线:moveTo()、lineTo()和stroke()
  2. 填充矩形:fillRect()
  3. 填充颜色:fillStyle
  4. 矩形轮廓:stroleRect()
  5. 颜色轮廓:srokeStyle
  6. 圆:arc()
  7. 清空画布:clearRect()
  8. 二次方贝塞尔曲线:quadraticCurveTo()
  9. 三次方贝塞尔曲线:bezierCurveTo()
  10. 保存恢复:save()、restore()
  11. 移动坐标空间:translate()
  12. 旋转坐标:rotate()
  13. 缩放:scale()
  14. 矩阵变换:transform()
  15. 图形的组合:globalCompositeOperation
  16. 透明度:globalAlpha
  17. 图形透明度:rgba()
  18. 剪切路径:clip()
  19. 不同的线型属性:lineWidth(粗细)、lineCap(端点样式)、lineJoin(连接处样式)、miterLimit(交点方式)
  20. 线性渐变:var lineargradient = ctx.createLinerGradient(), lineargradient.addColorStop()
  21. 径向渐变:var radialgradient = ctx.createRadialGradient(), radialgradient.addColorStop()
  22. 创建阴影:shadowOffsetX、shadowOffsetY、shadowBlur、shadowColor
  23. 填充文字:fillText()
  24. 轮廓文字:strokeText()
  25. 文字相关属性:font、textAlign、textBaseline
  26. 测量文字宽度:measureText()
  27. 引入图片:drawImage()

 

posted @ 2016-07-17 11:52  简惬  阅读(420)  评论(0编辑  收藏  举报