Najnowsze tutoriale tworzenie stron internetowych
 

HTML canvas stroke() Method

<Płótno Przedmiot

Przykład

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

YourbrowserdoesnotsupporttheHTML5canvastag.

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.strokeStyle="red";
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
stroke() 4.0 9.0 3.6 4.0 10,1

Definicja i Wykorzystanie

stroke() Metoda faktycznie rysuje ścieżki zostały zdefiniowane z tymi wszystkimi moveTo() oraz lineTo() metody. Domyślnym kolorem jest czarny.

Tip: Użyj strokeStyle własność wyciągnąć z innym kolorem / gradientem.

Składnia JavaScript: context . stroke( ) stroke( ) ;

<Płótno Przedmiot