HTML canvas strokeRect()Método
Objeto CanvasEjemplo
Dibuja un rectángulo de 150*100 píxeles:
JavaScript：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
Pruébalo »
Compatibilidad del navegador
Internet Explorer 9, Firefox, Opera, Chrome y Safari son compatibles con el método strokeRect().
Nota:Internet Explorer 8 y versiones anteriores no son compatibles con el elemento <canvas>.
Definición y uso
El método strokeRect() dibuja un rectángulo (sin relleno). El color predeterminado del trazo es negro.
Consejo:UsestrokeStylela propiedad para establecer el color, degradado o patrón del trazo.
| Sintaxis de JavaScript: | context.strokeRect(x,y,width,height); |
|---|
Valores de parámetros
| Parámetro | Descripción |
|---|---|
| x | La coordenada x de la esquina superior izquierda del rectángulo. |
| y | La coordenada y de la esquina superior izquierda del rectángulo. |
| width | El ancho del rectángulo, en píxeles. |
| height | La altura del rectángulo, en píxeles. |
Otras extensiones