Metoda HTML canvas arcTo ()
Przykłady
Na kanwie, aby utworzyć łuk pomiędzy dwoma stycznych pomiędzy:
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
Spróbuj »
Pomoc Browser
Metoda Internet Explorer 9, Firefox, Chrome i Safari wsparcie arcTo ().
Uwaga: Opera nie obsługuje metodę arcTo ().
Uwaga: 8 i wcześniejsze wersje programu Internet Explorer nie obsługuje <canvas> elementu.
Definicja i Wykorzystanie
Metoda arcTo () tworzy się między łukiem / krzywej pomiędzy dwoma stycznych na płótnie.
Wskazówka: Użyj udar () metodę rysowania precyzyjnych łuków na płótnie.
Składnia JavaScript: | Ramy .arcTo (x1, y1, x2, y2, R); |
---|
parametr Wartość
参数 | 描述 |
---|---|
x1 | 弧的起点的 x 坐标。 |
y1 | 弧的起点的 y 坐标。 |
x2 | 弧的终点的 x 坐标。 |
y2 | 弧的终点的 y 坐标。 |
r | 弧的半径。 |