绘制路径 ( Drawing Paths )
绘制路径不像绘制矩形直接,需要一些额外的方法
- beginPath() 开始路径
- closePath() 关闭路径
- stroke() 封闭路径
- fill() 填充路径所围图形
第一步是用 beginPath 创建一个路径。在内存里,路径是以一组子路径(直线,弧线等)的形式储存的,它们共同构成一个图形。每次调用 beginPath,子路径组都会被重置,然后可以绘制新的图形;
第二步是绘制路径;
第三步是调用 closePath 方法,它会尝试用直线连接当前端点与起始端点来关闭路径,但如果图形已经关闭或者只有一个点,它会什么都不做。 这一步不是必须的
最后一步是调用 stroke 或 fill 方法,这时,图形才是实际的绘制到 Canvas 上去。stroke 是绘制图形的边框, fill 会用填充出一个实心图形
Notes: 当调用 fill 时,开放的路径会自动闭合,而无需调用 closePath