canvas基础API

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了canvas基础API相关的知识，希望对你有一定的参考价值。

1.路径绘图：

  1. 把“钢笔”移动到画布的某个位置上
    1. ctx.moveTo(x,y)
  2. 把“钢笔”连线到画布的某个位置上
    1. ctx.lineTo(x,y)
  3. 描边路径的api
    1. ctx.stroke()
  4. 填充路径的api
    1. ctx.fill()
  5. 描边路径的样式
    1. ctx.strokeStyle = ‘red‘ 描边的颜色
    2. ctx.lineWidth = 5 线宽
  6. 填充的样式
    1. ctx.fillStyle = ‘blue‘ 填充的颜色
  7. 路径的闭合
    1. ctx.closePath 把起点和终点链接到一起
  8. 另起一个新的路径
    1. ctx.beginPath

以上是关于canvas基础API的主要内容，如果未能解决你的问题，请参考以下文章

Canvas基础

canvas绘画基础：认识canvas画布

canvas的基础使用。

canvas的基础学习

Canvas基础

canvas基础语法