Método strokeRect
El método strokeRect dibuja el contorno de un
rectángulo en un punto dado. Los dos primeros parámetros
establecen las coordenadas del punto donde estará
la esquina superior izquierda del rectángulo dibujado.
Sintaxis
contexto.strokeRect(x, y, ancho, alto);
Ejemplo
Dibujemos un rectá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);
:
Ver también
-
método
fillRect,
que dibuja un rectángulo relleno -
método
rect,
que dibuja un rectángulo -
método
lineTo,
que dibuja líneas -
propiedad
strokeStyle,
que establece el color de la línea
