1. 開発者向けのウェブ技術
  2. Web API
  3. ImageData

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

ImageData

Baseline 広く利用可能 *

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

* この機能の一部は、対応レベルが異なる場合があります。

メモ: この機能はウェブワーカー内で利用可能です。

ImageData インターフェイスは、<canvas> 要素の領域の基礎をなすピクセルデータを表します。

ImageData() コンストラクターや、キャンバスに関連付けられた CanvasRenderingContext2D オブジェクトの createImageData() メソッドおよび getImageData() メソッドによって生成されます。ImageDataputImageData() メソッドによってキャンバスの一部を設定するのにも利用可能です。

コンストラクター

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

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

AltStyle によって変換されたページ (->オリジナル) /