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:
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();
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>.