English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento HTML

Completo elenco HTML tag

Attributo ImageData.height di HTML canvas

L'attributo ImageData.height readonly, restituisce il numero di righe nell'oggetto dati dell'immagine.

Manuale di riferimento per HTML canvas

Esempio online

Ottieni l'altezza dell'oggetto ImageData:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'attributo imgData.height di HTML canvas - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Il tuo browser non supporta il tag HTML5 canvas.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var imgData = ctx.createImageData(100, 100);
alert("Altezza di imgData è: " + 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>
Prova a vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari supportano l'attributo height di ImageData.

Attenzione:Internet Explorer 8 e le versioni precedenti non supportano l'elemento <canvas>.

Definizione e uso

height Questa proprietà restituisce l'altezza dell'oggetto ImageData in pixel.

Suggerimento:Vedere createImageData()getImageData() eputImageData() Metodo, per ottenere ulteriori informazioni sull'oggetto ImageData.

Sintassi JavaScript

Sintassi JavaScript:imgData.height;
Manuale di riferimento per HTML canvas