このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
ImageData
Baseline
広く利用可能
*
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
* この機能の一部は、対応レベルが異なる場合があります。
メモ: この機能はウェブワーカー内で利用可能です。
ImageData インターフェイスは、<canvas> 要素の領域の基礎をなすピクセルデータを表します。
ImageData() コンストラクターや、キャンバスに関連付けられた CanvasRenderingContext2D オブジェクトの createImageData() メソッドおよび getImageData() メソッドによって生成されます。ImageData は putImageData() メソッドによってキャンバスの一部を設定するのにも利用可能です。
コンストラクター
ImageData()-
ImageDataオブジェクトを、指定したUint8ClampedArrayまたはFloat16Arrayと、それに含まれる画像のサイズから生成します。配列を指定しない場合は、透明な黒色の長方形の画像を生成します。ワーカーではcreateImageData()が使用できませんので、ワーカーでこのようなオブジェクトを生成するためのもっとも一般的な手段です。
インスタンスプロパティ
ImageData.data読取専用-
Uint8ClampedArrayまたはFloat16Arrayで、RGBA の順でデータが格納された一次元配列を表します。データは行単位で、左上のピクセルから右下のピクセルに向かう順で格納されます。 ImageData.colorSpace読取専用-
画像データの色空間を表す文字列です。
ImageData.height読取専用-
この
ImageDataの実際の高さをピクセル数で表すunsigned longです。 ImageData.width読取専用-
この
ImageDataの実際の幅をピクセル数で表すunsigned longです。 ImageData.pixelFormat読取専用-
文字列で、
ImageDataで使用する形式を示します。
仕様書
| 仕様書 |
|---|
| HTML> # imagedata> |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。
関連情報
CanvasRenderingContext2D<canvas>要素と、関連付けられたインターフェイスであるHTMLCanvasElement。