예
원을 만듭니다
자바 스크립트 :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke(); »그것을 자신을 시도 브라우저 지원
표의 수치는 완전히 방법을 지원하는 제 브라우저 버전을 지정.
| 방법 | |||||
|---|---|---|---|---|---|
| arc() | 예 | 9.0 | 예 | 예 | 예 |
정의 및 사용
arc() 메소드 (원, 또는 원의 일부를 생성하는 데 사용) 아크 / 곡선을 만듭니다.
팁 :와 원 만들려면 arc() : 세트 * Math.PI로 2 0 각도와 끝 각도를 시작합니다.
팁 : 사용 stroke() 또는 fill() 실제로 캔버스에 아크를 그리는 방법을.
센터
아크 (100,75, 50,0 * Math.PI로 1.5 * Math.PI로) 각도를 시작합니다
아크 (100,75,50, 0, 1.5 * Math.PI로) 최종 각도
아크 (100,75,50,0 * Math.PI로 1.5 * Math.PI로) | 자바 스크립트 구문 : | context.arc(x,y,r,sAngle,eAngle,counterclockwise); |
|---|
매개 변수 값
| 매개 변수 | 기술 | 플레이 |
|---|---|---|
| x | 상기 원의 중심은 X 좌표 | »플레이 |
| y | 상기 원의 중심은 Y 좌표 | »플레이 |
| r | 원의 반경 | »플레이 |
| sAngle | 라디안의 시작 각도 (0 호의 원의 3시 위치에) | »플레이 |
| eAngle | 라디안의 종료 각도, | »플레이 |
| counterclockwise | 선택 과목. 도면 반 시계 방향 또는 시계 방향으로할지 여부를 지정합니다. 거짓은 기본이고, 사실은 반 시계 방향을 나타내는 반면, 시계 방향을 나타냅니다. | »플레이 |