Кривые на Canvas HTML
- Предыдущая страница Круги Canvas
- Следующая страница Градиенты Canvas
Пример
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();
метод arc()
Дуга - это часть круга, также определяемая координатами центра и радиусом:
Canvas рисование дуги
Используйте траекторию на канвасе для рисования дуги:
| метод | описание | рисование |
|---|---|---|
| beginPath() | начать траекторию | нет |
| arc() | определение кривой | нет |
| stroke() | делать графики. | да |
Чтобы нарисовать круг на канвасе, используйте следующие методы:
- beginPath() - начало траектории
- arc(x,y,r,start,end) - определение круга
- stroke() - рисование
arc(x,y,r,start,end) - создание дуги (кривой).
Чтобы создать круг, установите начальный угол в 0 и конечный угол в 2 * Math.PI.
Параметры x и y определяют координаты центра круга.
Параметр r определяет半径 круга.
Дополнительная информация:
- Предыдущая страница Круги Canvas
- Следующая страница Градиенты Canvas
