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