HTML Referenzhandbuch

HTML-Tag-Übersicht

HTML canvas ImageData.width Attribut

Der nur lesbare ImageData.width-Attribut gibt die Anzahl der Pixel pro Zeile im Bild-Datenobjekt zurück.

Online-Beispiel

Hinweis: Breite des ImageData-Objekts

Beispiel

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">-8">
<title>HTML　canvas　imgData　width属性使用-Grundlagen教程(oldtoolbag.com)</<title>
</<head>
<body>
<canvas　id="myCanvas"　width="300"　height="150"　style="border:1px　fest　#d3d3d3>
Ihr　Browser　unterstützt　keinen　der　HTML5　canvas　tag.</canvas>
<script>
var　c　=　document.getElementById("myCanvas");
var　ctx　=　c.getContext("2d");
var　imgData　=　ctx.createImageData(100,　100);
alert("Width　of　imgData　is:　"　+　imgData.width);
var　i;
for　(i　=　0;　i　<　imgData.data.length;　i　+=　4)　{
　　] = 0;+0]　=　255;
　　] = 0;+1]　=　0;
　　] = 0;+2]　=　0;
　　] = 0;+3imgData.data[i　255;
}
　　
ctx.putImageData(imgData,　10,　10);
</script>
</body>
</html>

Test to see ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome and Safari support ImageData width property.

Note:Internet Explorer 8 and earlier versions do not support the <canvas> element.

Definition and Usage

This property returns the width of the ImageData object (in pixels).

Hint:See createImageData(),getImageData() andputImageData() Methods, to learn more about the ImageData object.

JavaScript Syntax

JavaScript Syntax:	imgData.width;

HTML canvas Reference Manual

HTML: <template> Tag