canvas学习

• beginPath()

  : 重新开启一条路径（如没有,像一些样式颜色、字体会以最后一次为准）

• moveTo()

  ：相当于我们在word上作画时，重新落笔时的起点

• lineTo()

  ：用直线连接当前子路径的最后节点和lineTo()落笔的位置

• fillStyle()

  ：给图形填充样式：颜色/渐变/图片

• arc()

  ：绘制圆弧（x,y,r,start,end,是否逆时针）

• fill()

  ：任意找一点发出射线，根据"非0"（默认）/"奇偶"规则判断在里或外，详情参考 此文章
  • 这里有几点问题：有时不是密闭图形也可以填充（经实验测试会默认从当前的beginPath的起点连接到终点）
  • 射线的确是任意一点出发
  • ct2.beginPath() ct2.fillStyle = "red" ct2.moveTo(50, 70) ct2.lineTo(60, 100) ct2.lineTo(70, 20) ct2.lineTo(80, 100) ct2.lineTo(90, 70) ct2.fill()

标签：canvas,lineTo,ct2,moveTo,学习,70,beginPath,fill
来源： https://www.cnblogs.com/lhx9527/p/14137522.html