HTML холст quadraticCurveTo() Метод
Пример
Нарисуйте квадратичную кривую Безье:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.quadraticCurveTo(20,100,200,20);
ctx.stroke();
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
| Метод | |||||
|---|---|---|---|---|---|
| quadraticCurveTo() | Да | 9.0 | Да | Да | Да |
Определение и использование
Метод quadraticCurveTo() добавляет точку к текущему контуру с помощью заданных контрольных точек, представляющих квадратичную кривую Безье.
QuadraticCurveTo кривая Безье требует двух точек. Первая точка — это контрольная точка, используемая в вычислении квадратичной Безье, а вторая точка — конечная точка кривой. Начальной точкой кривой является последняя точка текущего контура. Если путь не существует, используйте методы beginPath() и () для определения начальной точки.
Start point:
moveTo(20,20)
Control point:
quadraticCurveTo(20,100,200,20)
End point:
quadraticCurveTo(20,100,200,20)
Совет: Проверьте метод bezierCurveTo(). Он имеет два контрольно-точки вместо одного.
| Синтаксис JavaScript: | context.quadraticCurveTo(cpx,cpy,x,y); |
|---|
❮ HTML Справка на полотно