Get to know MDN better
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
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 の一部を設定するのにも利用可能です。
メモ: この機能はウェブワーカー内で利用可能です。
指定した Uint8ClampedArray と、それに含まれる画像のサイズから ImageData オブジェクトを生成します。配列を指定しない場合は、透明な黒色の長方形の画像を生成します。worker では createImageData() を使用できませんので、worker でこのようなオブジェクトを生成するためのもっとも一般的な手段です。
RGBA の順で 0 から 255 の間の整数 (両端の値を含む) を並べたデータを持つ 1 次元配列を表す Uint8ClampedArray です。データは行単位で、左上のピクセルから右下のピクセルに向かう順で格納されます。
ImageData.colorSpace 読取専用画像データの色空間を表す文字列です。
ImageData.height 読取専用ImageData の実際の高さをピクセル数で表す unsigned long です。
ImageData.width 読取専用ImageData の実際の幅をピクセル数で表す unsigned long です。
| HTML # imagedata |
Enable JavaScript to view this browser compatibility table.
This page was last modified on 2023年8月31日 by MDN contributors.
Your blueprint for a better internet.
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.