第 5 课 6 / 18 | 编码:L05-09
核心知识

路径、线段与圆弧

复杂图形通常先建立路径,再描边或填充。

  • beginPath 开始新路径
  • moveTo/lineTo 定义线段
  • arc 绘制圆或圆弧,角度使用弧度
ctx.beginPath();
ctx.arc(520, 90, 42, 0, Math.PI * 2);
ctx.fill();