Método strokeRect
O método strokeRect desenha o contorno de um
retângulo em um ponto específico. Os dois primeiros parâmetros
definem as coordenadas do ponto onde o canto
superior esquerdo do retângulo desenhado ficará.
Sintaxe
contexto.strokeRect(x, y, largura, altura);
Exemplo
Vamos desenhar um retângulo usando
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);
:
Veja também
-
método
fillRect,
que desenha um retângulo preenchido -
método
rect,
que desenha um retângulo -
método
lineTo,
que desenha linhas -
propriedade
strokeStyle,
que define a cor da linha
