HTML-холст Аркто метод ()
HTML холст Справочное руководство
примеров
На полотне, чтобы создать дугу между двумя касательными между:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20); // Create a starting point
ctx.lineTo(100,20); // Create a horizontal line
ctx.arcTo(150,20,150,70,50); // Create an arc
ctx.lineTo(150,120); // Continue with vertical line
ctx.stroke(); // Draw it
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20); // Create a starting point
ctx.lineTo(100,20); // Create a horizontal line
ctx.arcTo(150,20,150,70,50); // Create an arc
ctx.lineTo(150,120); // Continue with vertical line
ctx.stroke(); // Draw it
Попробуйте »
Поддержка браузеров
Internet Explorer 9, Firefox, Chrome и Safari поддержка Аркто () метод.
Примечание: Opera не поддерживает метод Аркто ().
Примечание: 8 и более ранние версии Internet Explorer не поддерживают элемент <Canvas>.
Определение и использование
Метод Аркто () создает между дугой / кривой между двумя касательными на холсте.
Совет: Используйте инсульт () метод , чтобы сделать точные дуги на холсте.
Синтаксис JavaScript: | Контекст .arcTo (x1, y1, x2, y2, г); |
---|
Параметр Значение
参数 | 描述 |
---|---|
x1 | 弧的起点的 x 坐标。 |
y1 | 弧的起点的 y 坐标。 |
x2 | 弧的终点的 x 坐标。 |
y2 | 弧的终点的 y 坐标。 |
r | 弧的半径。 |
HTML холст Справочное руководство