Ejemplo
Un <canvas> elemento con una height y width de 200 píxeles:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
El width atributo especifica el ancho de la <canvas> elemento, en píxeles.
Consejo: Utilice la height atributo para especificar la altura de la <canvas> elemento, en píxeles.
Consejo: Cada vez que se establecen re-la altura o anchura de un lienzo, se borrará el contenido de la lona (véase el ejemplo en la parte inferior de la página).
Consejo: Más información sobre el <canvas> elemento en nuestro Tutorial HTML lienzo .
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.
| Atributo | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Diferencias entre HTML 4.01 y HTML5
La <canvas> etiqueta es nueva en HTML5.
Sintaxis
<canvas width="pixels">
Los valores de atributo
| Valor | Descripción |
|---|---|
| pixels | Especifica el ancho de la tela, en píxeles (por ejemplo, "100"). ancho por defecto es "300" |
Más ejemplos
Ejemplo
Desactive la lona por el ajuste de la width o height atributo (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> Inténtalo tú mismo "