绘制路径 ( Drawing Paths )

绘制路径不像绘制矩形直接,需要一些额外的方法

  1. beginPath() 开始路径
  2. closePath() 关闭路径
  3. stroke() 封闭路径
  4. fill() 填充路径所围图形

第一步是用 beginPath 创建一个路径。在内存里,路径是以一组子路径(直线,弧线等)的形式储存的,它们共同构成一个图形。每次调用 beginPath,子路径组都会被重置,然后可以绘制新的图形;

第二步是绘制路径;

第三步是调用 closePath 方法,它会尝试用直线连接当前端点与起始端点来关闭路径,但如果图形已经关闭或者只有一个点,它会什么都不做。 这一步不是必须的

最后一步是调用 strokefill 方法,这时,图形才是实际的绘制到 Canvas 上去。stroke 是绘制图形的边框, fill 会用填充出一个实心图形

Notes: 当调用 fill 时,开放的路径会自动闭合,而无需调用 closePath

results matching ""

    No results matching ""