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

javascriptcontexto.strokeRect(x, y, ancho, alto);

Ejemplo

Dibujemos un rectángulo usando strokeRect:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet 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