HTML 参考手册

HTML 标签大全

HTML canvas ImageData.width 属性

只读的 ImageData.width 属性，返回在图像数据对象中每一行像素的数量。

在线示例

提醒ImageData对象的宽度：

示例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　canvas　imgData　width属性使用-基础教程(oldtoolbag.com)</<title>
</<head>
<body>
<canvas　id="myCanvas"　width="300"　height="150"　style="border:1px　solid　#d3d3d3>
Your　browser　does　not　support　the　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)　{
　　imgData.data[i+0]　=　255;
　　imgData.data[i+1]　=　0;
　　imgData.data[i+2]　=　0;
　　imgData.data[i+3]　=　0;　255;
}
　　
ctx.putImageData(imgData,　10,　10);
</script>
</body>
</html>

テストして見て‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome および Safari は ImageData をサポート width 属性。

注意：Internet Explorer 8 及びそれ以前のバージョンでは <canvas> エレメントをサポートしていません。

定義と使用方法

この属性は、ImageDataオブジェクトの幅（ピクセル単位で）を返します。

ヒント：参照してください createImageData()、getImageData() およびputImageData() メソッドを使用して、ImageDataオブジェクトに関する詳細な情報を学ぶことができます。

JavaScript 语法

JavaScript 语法：	imgData.width;

HTML canvas 参考マニュアル

HTML: <template> タグ