HTML Canvas 曲线
实例
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();
arc() 方法
圆弧是一部分圆，也是由中心点坐标和半径定义：
Canvas 绘制圆弧
请使用画布中的路径来绘制圆弧：
| 方法 | 描述 | 绘制 |
|---|---|---|
| beginPath() | 开始一条路径。 | 否 |
| arc() | 定义曲线。 | 否 |
| stroke() | 做图。 | 是 |
要在画布上绘制圆形，请使用以下方法：
- beginPath() - 开始路径
- arc(x,y,r,start,end) - 定义圆
- stroke() - 绘制
arc(x,y,r,start,end) - 创建弧（曲线）。
要创建圆，请将起始角度设置为 0，结束角度设置为 2 * Math.PI。
x 和 y 参数定义圆心的坐标。
r 参数定义圆的半径。