HTMLCanvasElement.height
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La propriété HTMLCanvasElement.height est un entier positif reflétant l'attribut HTML height de l'élément <canvas> mesuré en pixels CSS. Quand cet attribut n'est pas spécifié, ou si on lui affecte une valeur invalide, telle que négative, la valeur par défaut de 150 is utilisée.
C'est l'une des deux propriétés, l'autre étant HTMLCanvasElement.width, qui contrôlent la taille du canevas.
Syntaxe
js
var pxl = canvas.height;
canvas.height = pxl;
Exemples
Étant donné cet élément <canvas> :
html
<canvas id="canvas" width="300" height="300"></canvas>
vous pouvez obtenir la hauteur du canevas avec le code suivant :
js
var canvas = document.getElementById("canvas");
console.log(canvas.height); // 300
Spécifications
| Specification |
|---|
| HTML # dom-canvas-height |
Compatibilité des navigateurs
Chargement…
Voir aussi
- L'interface la définissant,
HTMLCanvasElement. - L'autre propriété contrôlant la taille du canevas,
HTMLCanvasElement.width.