Exemple
A <canvas> élément avec une height et une width de 200 pixels:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Essayez - le vous - même » Plus "Try it yourself" exemples ci-dessous.
Définition et utilisation
La width attribut spécifie la largeur de la <canvas> élément, en pixels.
Astuce: Utilisez la height attribut pour spécifier la hauteur de la balise <canvas> élément, en pixels.
Astuce: Chaque fois que la hauteur ou la largeur d'une toile est re-set, le contenu de la toile sera effacé (voir exemple en bas de page).
Astuce: En savoir plus sur le <canvas> élément dans notre Tutoriel HTML Canvas .
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge totalement l'attribut.
| Attribut | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Différences entre HTML 4.01 et HTML5
Le <canvas> tag est nouvelle en HTML5.
Syntaxe
<canvas width="pixels">
Attribut valeurs
| Valeur | La description |
|---|---|
| pixels | Indique la largeur de la toile, en pixels (par exemple "100"). Largeur par défaut est "300" |
Autres exemples
Exemple
Désactivez la toile en définissant la width ou la height attribut ( en utilisant 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> Essayez - le vous - même »