多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
图形的基本元素是路径。 路径是通过不同颜色和宽度的线段或曲线相连形成的不同形状的点的集合。 一个路径,甚至一个子路径,都是闭合的。 使用路径绘制图形需要一些额外的步骤: 1. 创建路径起始点 2. 调用绘制方法去绘制出路径 3. 把路径封闭 4. 一旦路径生成,通过描边或填充路径区域来渲染图形。 下面是需要用到的方法: 1. `beginPath()` 新建一条路径,路径一旦创建成功,图形绘制命令被指向到路径上生成路径 2. `moveTo(x, y)` 把画笔移动到指定的坐标`(x, y)`。相当于设置路径的起始点坐标。 3. `closePath()` 闭合路径之后,图形绘制命令又重新指向到上下文中 4. `stroke()` 通过线条来绘制图形轮廓 5. `fill()` 通过填充路径的内容区域生成实心的图形