HTML 캔버스 아크 함수에 대한 튜토리얼 [폐쇄
https://stackoverflow.com/questions/319267
-
11-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
ARC () 함수의 모든 매개 변수가 (실험에 의해) 무엇인지 알 수 없으며 설명하는 것처럼 보이는 튜토리얼을 찾지 못했습니다. ARC () 함수에 대한 좋은 설명은 어디에 있습니까?
해결책
arc(x, y, radius, startAngle, endAngle, anticlockwise)
처음 세 가지 매개 변수 인 x와 y와 반경은 원을 설명하고, 그려진 아크는 그 원의 일부가 될 것입니다. STARTANGL 및 ENDANGLE는 원을 따라 시작하고 그리기를 중지합니다. 0은 동쪽이고 Math.pi/2는 남쪽이고 Math.pi는 서쪽이며 Math.pi*3/2는 북쪽입니다. 시계 반대 방향이 1이면 아크의 방향이 반전됩니다.
https://developer.mozilla.org/en/canvas_tutorial/drawing_shapes#arcs
첨부 된 다이어그램에서 유일한 차이점은 반 시계 방향 파라입니다. Math.pi/2는 항상 시계 방향 또는 반 시계 방향으로 남쪽으로 끝납니다.
다른 팁
자세한 내용은 아래 링크를 검토하십시오. 이 링크를 사용하여 명확한 아이디어를 얻었습니다.
http://www.html5canvastutorials.com/tutorials/html5-canvas-arcs/
나는 같은 문제를 겪고 있었고 그것을 이해하기 위해 약간의 대화식 페이지를 만들었습니다.
http://www.scienceprimer.com/drawing-circles-javascript-html5-canvas-element
모든 매개 변수를 조정할 수 있고 결과 아크는 실시간으로 렌더링됩니다. 페이지는 또한 fill (), stroke () 및 ClosePath () 메소드가 ARC () 메소드와 어떻게 상호 작용하는지 보여줍니다.
에 따르면 MDC:
arc(x, y, radius, startAngle, endAngle, anticlockwise)
x, y 및 반경은 분명히 원 매개 변수입니다. 스타트 앵이와 속 angangle은 동쪽으로 시작하는 라디안에 있습니다. 시계 반대 방향은 부울입니다.
HTML5의 캔버스 및 아크 기능에 대한 간략한 소개를 보려면이 간단한 예제를 확인하십시오. http://pastebin.com/kxb7ujld
안녕.
