учебник по функции дуги HTML-холста [закрыто]

Question

Я не могу понять, каковы все параметры функции arc () (экспериментально), и я не нашел ни одного учебника, который бы их объяснил. Где будет хорошее объяснение функции arc ()?

Answer 1

arc(x, y, radius, startAngle, endAngle, anticlockwise)

Первые три параметра, x и y и радиус, описывают круг, нарисованная дуга будет частью этого круга. startAngle и 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 всегда заканчивается на юг по часовой стрелке или против часовой стрелки

Answer 2

Для получения дополнительной информации, пожалуйста, просмотрите ссылку ниже. Я получил четкое представление об этой ссылке.

http://www.html5canvastutorials.com/tutorials/html5-canvas-arcs /

Answer 3

У меня возникла та же проблема, и я сделал небольшую интерактивную страницу, чтобы помочь разобраться в ней:

http://www.scienceprimer.com/drawing-circles-javascript-html5-canvas -элементное

Все параметры могут быть скорректированы, и результирующая дуга отображается в реальном времени. На странице также показано, как методы fill (), stroke () и closePath () взаимодействуют с методом arc ().

Answer 4

Согласно MDC :

arc(x, y, radius, startAngle, endAngle, anticlockwise)

x, y и radius, очевидно, являются параметрами окружности. startAngle и endAngle в радианах, начиная с востока. против часовой стрелки - логическое значение.

Answer 5

Посмотрите на этот простой пример краткое введение в функции холста и дуги HTML5: http://pastebin.com/kxB7uJLD

Так долго.