Metoda HTML canvas stroke()

Definicja i użycie

stroke() Metody rysują faktycznie przez moveTo() i lineTo() Metoda zdefiniowana przez metodę definiuje ścieżkę. Domyślny kolor to czarny.

Wskazówka:Użyj strokeStyle Atrybuty do rysowania innego koloru/jasności.

Przykład

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

Twoja przeglądarka nie obsługuje znacznika HTML5 canvas.

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="green";
ctx.stroke();

Spróbuj sam

Gramatyka

context.stroke();

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Komentarz:Przeglądarki Internet Explorer 8 i wcześniejsze wersje nie obsługuje elementu <canvas>.