Attribut width de <canvas> HTMLAttribute

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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".


Examples

Plus d’exemples


Comment effacer le canvas en réinitialisant l'attribut width ou height (à l'aide de JavaScript).


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

Autres extensions