JAXA Earth API for JavaScript
    検索インデックスを準備しています...

    クラス ColorMap

    可視化のためのカラーマップを作成します。

    import * as je from "./jaxa.earth.esm.js";

    // 0～6000を虹色に塗る場合
    const cmap1 = new je.image.ColorMap({
    	min: 0,
    	max: 6000,
    	colors: je.Colors.JET,
    });

    // 3000の値の色を取得
    console.log(cmap1.getColor(3000)); //=> {r: 159, g: 246, b: 72, a: 255}
    console.log(cmap1.getColorUint8ClampedArray(3000)); //=> Uint8ClampedArray(4) [159, 246, 72, 255]

    // 凡例をHTMLCanvasElement（幅500px、高さ50px）としてブラウザ上に表示
    document.body.appendChild(cmap1.createColorBarCanvas(500, 50))

    // 0～3000を白→赤→青に塗り、3000～6000を青→黒に塗る場合
    const cmap2 = new je.image.ColorMap([
    	{ min: 0, max: 3000, colors: ["ffffff", "ff0000", "0000ff"] },
    	{ min: 3000, max: 6000, colors: ["0000ff", "000000"] }
    ]);
    インデックス

    コンストラクター

    constructor

    メソッド

    getColorMapObject getColor getColorUint8ClampedArray createColorBarCanvas createColorBarPng createColorBarImageDataObject createLegendCanvas

    コンストラクター

    メソッド

    • xの値における色を{r(赤成分), g(緑成分), b(青成分), a(アルファ成分)}のオブジェクトとして返します。各成分は0～255の値を持ちます。

      パラメータ

      • x: number

      戻り値 { r: number; g: number; b: number; a: number }

    • xの値における色をUint8ClampedArrayとして返します。Uint8ClampedArrayは[R(赤成分), G(緑成分), B(青成分), A(アルファ成分)]の配列で、各成分は0～255の値を持ちます。

      パラメータ

      • x: number

      戻り値 Uint8ClampedArray

    • このColorMapの凡例用画像をHTMLCanvasElementとして返します。

      パラメータ

      • width: number

        画像の幅（ピクセル数）です。

      • height: number

        画像の高さ（ピクセル数）です。

      戻り値 HTMLCanvasElement

      ブラウザのメインスレッドでのみ利用可能です。

    • このColorMapの凡例用画像をPNG画像のUint8Arrayとして返します。

      パラメータ

      • width: number

        画像の幅（ピクセル数）です。

      • height: number

        画像の高さ（ピクセル数）です。

      戻り値 Promise<Uint8Array<ArrayBufferLike>>

    • このColorMapの凡例用画像をImageDataObjectとして返します。

      パラメータ

      • width: number

        画像の幅（ピクセル数）です。

      • height: number

        画像の高さ（ピクセル数）です。

      戻り値 ImageDataObject

    • このColorMapの凡例用画像（目盛りの数値と単位の文字列併記）をHTMLCanvasElementとして返します。

      パラメータ

      • width: number

        目盛りや単位も含めた画像全体の幅（ピクセル数）です。

      • height: number

        目盛りや単位も含めた画像全体の高さ（ピクセル数）です。

      • size: number

        文字のサイズです。

      • unit: string

        凡例画像内に併記する単位の文字です。

      戻り値 HTMLCanvasElement

      ブラウザのメインスレッドでのみ利用可能です。

    テーマ設定

    メンバーの可視性

    このページ

    コンストラクター
    メソッド