HTML <canvas> widthAtributo

HTML canvas 标签参考手册Etiqueta HTML <canvas>

Ejemplo

Un elemento <canvas> de 200 píxeles de alto y ancho:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">

Pruébalo »

Soporte del navegador

Internet Explorer Firefox Opera Google Chrome Safari

Todos los navegadores principales soportan el atributo width.

Nota:Internet Explorer 8 y versiones anteriores de IE no soportan la etiqueta <canvas>.


Definición y uso

El atributo width devuelve el ancho del objeto ImageData, en píxeles.

Consejo:Cada vez que se restablece la altura o el ancho del canvas, el contenido del canvas se borra (vea el ejemplo al final de la página).

Consejo:Por favor, en nuestro HTML Canvastutorial, aprenda más sobre <canvas>.


Diferencias entre HTML 4.01 y HTML 5

<canvas> es una etiqueta nueva en HTML5.


Sintaxis

<canvas width="pixels">

Valor del atributo

Value Description
pixels Especifica el atributo width del canvas, en píxeles (por ejemplo, "100"). El width predeterminado es "300".


Examples

Más ejemplos


Cómo borrar el canvas restableciendo los atributos width o height (usando JavaScript).


HTML canvas 标签参考手册Etiqueta HTML <canvas>

Otras extensiones