Metoda strokeRect
Metoda strokeRect rysuje w określonym
punkcie obramowanie prostokąta. Pierwsze dwa parametry
określają współrzędne punktu, w którym znajdzie się
lewy górny róg narysowanego prostokąta.
Składnia
kontekst.strokeRect(x, y, szerokość, wysokość);
Przykład
Narysujmy prostokąt za pomocą
strokeRect:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.strokeRect(50, 50, 100, 75);
:
Zobacz też
-
metoda
fillRect,
która rysuje wypełniony prostokąt -
metoda
rect,
która rysuje prostokąt -
metoda
lineTo,
która rysuje linie -
właściwość
strokeStyle,
która określa kolor linii
