HTML5之canvas绘制路径

2024-10-12 11:29:42

1、使用【beginPath()】函数新建一条路径。

HTML5之canvas绘制路径

2、然后使用画图命令画出路径。【moveTo(x,y)】函数表示将画笔移动到指定的沪蝠喵杰坐标位置,【lineTo(x, y)】函数表示绘制一条从当前位置到指定位置的直线。

HTML5之canvas绘制路径

3、使用【closePath()】函数闭合路径。

HTML5之canvas绘制路径

4、使用【stroke()】函数来根据路径绘制图形轮廓。

HTML5之canvas绘制路径

5、使用【fill()】函数来填充路径的内容区域生成实心的图形。

HTML5之canvas绘制路径
猜你喜欢