色

Colorクラスは、CSS文字列として指定された色を解析し、その赤、緑、青、およびアルファチャンネルを読み取り/書き込み可能なプロパティとして公開します。

また、RGBの代わりにHSBおよびHSLカラーモデルを使用して色を作成するためにfromHsbメソッドとfromHslメソッドを提供し、またそれらのカラーモデルを使用して色成分を取得するためにgetHsbメソッドとgetHslメソッドを提供します。

色の補間

Colorクラスには、HSLモデルを使用して2色間を補間することによって色を作成するinterpolateメソッドがあります。このメソッドは、animateメソッドでカラーアニメーションを作成する場合に特に便利です。

例

import * as wijmo from '@mescius/wijmo';

const color1 = new wijmo.Color('#c15dc1');
const color2 = new wijmo.Color('#0070c0');

// 2つめの色にどれだけ近い色まで補間するかを決定します
const percentage = .5; // 0～1の値

let interpolatedColor = new wijmo.Color.interpolate(color1, color2, percentage);