HTML リファレンスマニュアル

HTML タグ一覧

HTML canvas ImageData.height プロパティ

読み取り専用の ImageData.height プロパティは、画像データオブジェクト内の行の数を返します。

オンラインサンプル

取得ImageDataオブジェクトの高さ：

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">-8>
<title>HTML　canvas　imgData.height属性使用-基本教程(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("Height　of　imgData　is:　"　+　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>

テストして見てください ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome、Safari は ImageData height 属性をサポートしています。

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

定義と用法

height この属性はピクセル単位でImageDataオブジェクトの高さを返します。

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

JavaScript 语法

JavaScript 语法：	imgData.height;

HTML canvas 参考マニュアル

HTML: <template> タグ