Manuale di riferimento HTML

Completo elenco dei tag HTML

Attributo ImageData.width canvas HTML

L'attributo ImageData.width readonly, restituisce il numero di pixel per riga nell'oggetto dati immagine.

Esempio online

Ricorda la larghezza dell'oggetto ImageData:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Guida di base all'uso dell'attributo width di imgData in HTML canvas - (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("Larghezza di imgData è: " + imgData.width);
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à dei browser

IEFirefoxOperaChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari supportano ImageData Proprietà width.

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

Definizione e uso

Questa proprietà restituisce la larghezza dell'oggetto ImageData (in pixel).

Suggerimento:Vedere createImageData()、getImageData() eputImageData() Metodo, per saperne di più sull'oggetto ImageData.

Sintassi JavaScript

Sintassi JavaScript:	imgData.larghezza;

Manuale di riferimento per HTML canvas

HTML: <template> etichetta