09.12.2019

Canvas — arc, рисуем дуги

Spread the love
  •  
  •  
  •  
  •  
  •  

Для того чтобы нарисовать дугу в html5, нужно использовать метод arc() контекста. При рисования нужно определить центральную точку, радиус, начальный и конечный угол и направление дуги по часовой или против часовой стрелки.

Рисуем дугу:

Схема рисования дуги arc():

Дуги рисуются по воображаемой окружности центр воображаемой задается переменными CenterX и CenterY после задается радиус окружности в переменной radius. После задается два угла, которые определяют начальную и конечную точку дуги. Последний аргумент задает метод прорисовки дуги от начального до конечного угла — против или по часовой стрелки.

Полный текст примера:

0

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *