Manual de référence HTML

Glossaire des balises HTML

Attribut imgData.height de HTML canvas

L'attribut ImageData.height en lecture seule, retourne le nombre de lignes dans l'objet de données d'image.

Exemple en ligne

Obtenir la hauteur de l'objet ImageData :

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilisation de l'attribut imgData.height de HTML canvas-Tutoriel de base(oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solide #d3d3d3>
Votre navigateur ne prend pas en charge l'HTML5　canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var imgData = ctx.createImageData(100,　100);
alert("Hauteur de imgData est : "　+　imgData.height);
var i;
for (i = 0; i < imgData.data.length; i　+=　4) {
　　imgData.data[i+0]＝　255;
　　imgData.data[i+1]=0;
　　imgData.data[i+2]=0;
　　imgData.data[i+3]=　255;
}
ctx.putImageData(imgData,　10,　10);
</script>
</body>
</html>

Vérifiez et voyez si ça marche ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome et Safari prennent en charge la propriété height d'ImageData.

Remarque :Internet Explorer 8 et les versions précédentes ne prennent pas en charge l'élément <canvas>.

Définition et utilisation

height Cette propriété retourne la hauteur de l'objet ImageData, en pixels.

Astuce :Voir également createImageData()、getImageData() etputImageData() Méthode, pour en savoir plus sur l'objet ImageData.

Syntaxe JavaScript

Syntaxe JavaScript :	imgData.height;

Manuel de référence HTML canvas

HTML: <template> balise