Attribut width de <canvas> HTMLAttribute
Exemple
Un élément <canvas> avec une hauteur et une largeur de 200 pixels :
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Essayez-le vous-même »
Prise en charge des navigateurs
![]()
Tous les principaux navigateurs prennent en charge l'attribut width.
Remarque :Internet Explorer 8 et les versions antérieures d'IE ne prennent pas en charge la balise <canvas>.
Définition et utilisation
L'attribut width renvoie la largeur d'un objet ImageData, en pixels.
Astuce :Chaque fois que la hauteur ou la largeur du canvas est réinitialisée, le contenu du canvas est effacé (voir l'exemple au bas de la page).
Astuce :Veuillez consulter notre tutoriel HTML Canvaspour en savoir plus sur <canvas>.
Différences entre HTML 4.01 et HTML 5
<canvas> est une nouvelle balise en HTML5.
Syntaxe
<canvas width="pixels">
Valeurs d'attributs
| Valeur | Description |
|---|---|
| pixels | Spécifie la largeur du canvas, en pixels (par exemple, "100"). La largeur par défaut est "300". |
Plus d’exemples
Comment effacer le canvas en réinitialisant l'attribut width ou height (à l'aide de JavaScript).
Autres extensions
Balise HTML <canvas>