Atributo de ancho HTML <lienzo>
Ejemplo
Un elemento <canvas> con una altura y un ancho de 200 píxeles:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El widthatributo especifica el ancho del
<canvas>elemento, en píxeles.
Sugerencia: use el height
atributo para especificar la altura del
<canvas>elemento, en píxeles.
Sugerencia: cada vez que se restablece la altura o el ancho de un lienzo, el contenido del lienzo se borrará (ver ejemplo en la parte inferior de la página).
Sugerencia: obtenga más información sobre el
<canvas>elemento en nuestro
tutorial HTML Canvas .
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.
| Attribute | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Sintaxis
<canvas width="pixels">
Valores de atributo
| Value | Description |
|---|---|
| pixels | Specifies the width of the canvas, in pixels (e.g. "100"). Default value is 300 |
Más ejemplos
Ejemplo
Borre el lienzo configurando el atributo de ancho o alto (usando JavaScript):
<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);
function clearCanvas() {
c.height = 300;
}
</script>
❮ Etiqueta HTML <lienzo>