HTML canvas arc() 方法
定义和用法
arc() 方法创建弧/曲线（用于创建圆或部分圆）。
提示：如需通过 arc() 来创建圆，请把起始角设置为 0，结束角设置为 2*Math.PI。
提示：请使用 stroke() 或 fill() 方法在画布上绘制实际的弧。
- 中心：arc(
100,75,50,0*Math.PI,1.5*Math.PI) - 起始角：arc(100,75,50,
0,1.5*Math.PI) - 结束角：arc(100,75,50,0*Math.PI,
1.5*Math.PI)
实例
创建一个圆形：
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke();
문법
context.arc(x,y,r,sAngle,eAngle,counterclockwise);
파라미터 값
| 파라미터 | 설명 |
|---|---|
| x | 반지름의 중심의 x 좌표. |
| y | 반지름의 중심의 y 좌표. |
| r | 반지름. |
| sAngle | 시작 角, 弧도로 계산。（반지름의 3시 방향은 0도입니다）。 |
| eAngle | 끝 角, 弧度로 계산. |
| counterclockwise | 선택 사항. 시계 방향이나 반시계 방향으로 그리기를 지정합니다. False = 시계 방향, true = 반시계 방향. |
브라우저 지원
표에서는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 기재했습니다.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
주의사항:Internet Explorer 8 및 이전 버전은 <canvas> 요소를 지원하지 않습니다.
