このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
ImageData
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
* Some parts of this feature may have varying levels of support.
ImageData インターフェイスは、<canvas> 要素の領域の基礎をなすピクセルデータを表します。ImageData() コンストラクターや、canvas に関連付けられたCanvasRenderingContext2D オブジェクトのcreateImageData() メソッドおよびgetImageData() メソッドによって生成されます。ImageData はputImageData() メソッドによって canvas の一部を設定するのにも利用可能です。
メモ: この機能はウェブワーカー内で利用可能です。
コンストラクター
ImageData()指定した
Uint8ClampedArrayと、それに含まれる画像のサイズからImageDataオブジェクトを生成します。配列を指定しない場合は、透明な黒色の長方形の画像を生成します。worker ではcreateImageData()を使用できませんので、worker でこのようなオブジェクトを生成するためのもっとも一般的な手段です。
インスタンスプロパティ
ImageData.data読取専用RGBA の順で
0から255の間の整数 (両端の値を含む) を並べたデータを持つ 1 次元配列を表すUint8ClampedArrayです。データは行単位で、左上のピクセルから右下のピクセルに向かう順で格納されます。ImageData.colorSpace読取専用画像データの色空間を表す文字列です。
ImageData.height読取専用ImageDataの実際の高さをピクセル数で表すunsigned longです。ImageData.width読取専用ImageDataの実際の幅をピクセル数で表すunsigned longです。
仕様書
| Specification |
|---|
| HTML # imagedata |
ブラウザーの互換性
関連情報
CanvasRenderingContext2D<canvas>要素と、関連付けられたインターフェイスであるHTMLCanvasElement。