canvas学习

2023-10-08 13:22:04

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()

码农公寓