Najnowsze tutoriale tworzenie stron internetowych
 

HTML canvas arcTo() Method

<Płótno Przedmiot

Przykład

Utworzyć łuk pomiędzy dwoma stycznych na płótnie:

YourbrowserdoesnotsupporttheHTML5canvastag.

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
Spróbuj sam "

Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.

metoda
arcTo() 4.0 9.0 3.6 4.0 Nieobsługiwany

Definicja i Wykorzystanie

arcTo() metoda tworzy łuk / krzywa między dwoma stycznymi na płótnie.

Tip: Użyj stroke() Metoda faktycznie narysować łuk na płótnie.

Składnia JavaScript: context . arcTo( x1,y1,x2,y2,r ) ;

wartości parametrów

Parametr Opis Graj
x1 Współrzędna x od początku łuku Graj "
y1 Współrzędna y od początku łuku Graj "
x2 X-współrzędna końca łuku Graj "
y2 Współrzędnej y koniec łuku Graj "
r Promień łuku Graj "

<Płótno Przedmiot