Najnowsze tutoriale tworzenie stron internetowych
 

HTML canvas lineTo() Method

<Płótno Przedmiot

Przykład

Rozpocząć ścieżkę, przejdź do pozycji 0,0. Utworzyć linię do pozycji 300,150:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
Spróbuj sam "

Wsparcie przeglądarka

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

metoda
lineTo() 4.0 9.0 3.6 4.0 10,1

Definicja i Wykorzystanie

lineTo() metoda dodaje nowy punkt i tworzy linię od tego punktu do ostatniego punktu określonego w płótnie (this method does not draw the line) .

Tip: Użyj stroke() Metoda faktycznie narysować ścieżkę na płótnie.

Składnia JavaScript: context . lineTo( x,y ) ;

wartości parametrów

Parametr Opis Graj
x Współrzędnej x, gdzie w celu utworzenia linii do Graj "
y Współrzędnej y, gdzie w celu utworzenia linii do Graj "

Przykłady

Więcej przykładów

Przykład

Narysuj ścieżkę, w kształcie litery L:

YourbrowserdoesnotsupporttheHTMLcanvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();
Spróbuj sam "


<Płótno Przedmiot