DataObjectをColorMapの条件により可視化した画像の中間データです。RGBAの色成分をUint8ClampedArrayとして格納しています。 ブラウザやDenoの環境で利用できるImageDataとほぼ同じものですが、ImageDataが利用できないNode.jsやBunの環境でも統一的に使用できるように独自に定義しています。
DataObject
Uint8ClampedArray
ImageData
実行環境に応じて、次の関数を用いて最終的な画像に変換します。
HTMLCanvasElement
OffscreenCanvas
Uint8Array
ImageDataObjectが不要な場合は、次の関数を利用するとDataObjectとColorMapから直接画像に変換可能です。
画像の幅(ピクセル数)です。
画像の高さ(ピクセル数)です。
各ピクセルの色をR(赤成分)→G(緑成分)→B(青成分)→A(アルファ成分)の順番で、画像の左上→右上、上→下へと順に格納した1次元配列(Uint8ClampedArray)です。配列の要素数はwidth * height * 4個です。
width * height * 4
DataObjectをColorMapの条件により可視化した画像の中間データです。RGBAの色成分をUint8ClampedArrayとして格納しています。 ブラウザやDenoの環境で利用できるImageDataとほぼ同じものですが、ImageDataが利用できないNode.jsやBunの環境でも統一的に使用できるように独自に定義しています。実行環境に応じて、次の関数を用いて最終的な画像に変換します。
HTMLCanvasElementに変換する)OffscreenCanvasに変換する)Uint8Arrayに変換する)ImageDataObjectが不要な場合は、次の関数を利用すると
DataObjectとColorMapから直接画像に変換可能です。HTMLCanvasElementに変換する)OffscreenCanvasに変換する)Uint8Arrayに変換する)