ASP.NET MVC コントロールヘルプ
Color クラス
ファイル
wijmo.js
モジュール
wijmo

色を表します。

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

The Color class also provides fromHsb and fromHsl methods for creating colors using the HSB and HSL color models instead of RGB, as well as getHsb and getHsl methods for retrieving the color components using those color models.

最後に、Color クラスは、HSLモデルを使用して2色間を補間することで 色を作成するinterpolateメソッドを提供します。 このメソッドは、animate メソッドでカラーアニメーションを作成する場合に特に便利です。 以下の例はこの仕組みを示します。

以下の例はこの仕組みを示します。

{@sample Core/Color デモ}

コンストラクタ

プロパティ

メソッド

コンストラクタ

constructor

constructor(color: string): Color

CSS色指定から新しいColor を初期化します。

パラメーター
戻り値
Color

プロパティ

a

このColor のアルファ成分を0~1の範囲(0は透明、1は不透明)で取得または設定します。

number

b

このColor の青成分を0~255の範囲で取得または設定します。

number

g

Gets or sets the green component of this Color, in a range from 0 to 255.

number

r

Gets or sets the red component of this Color, in a range from 0 to 255.

number

メソッド

equals

equals(clr: Color): boolean

Color がこのColor と同じ値を持つ場合、trueを返します。

パラメーター
戻り値
boolean

Static fromHsb

fromHsb(h: number, s: number, b: number, a?: number): Color

Creates a new Color using the specified HSB values.

パラメーター
  • h: number

    Hue value, from 0 to 1.

  • s: number

    Saturation value, from 0 to 1.

  • b: number

    Brightness value, from 0 to 1.

  • a: number Optional

    Alpha value, from 0 to 1.

戻り値
Color

Static fromHsl

fromHsl(h: number, s: number, l: number, a?: number): Color

Creates a new Color using the specified HSL values.

パラメーター
  • h: number

    Hue value, from 0 to 1.

  • s: number

    Saturation value, from 0 to 1.

  • l: number

    Lightness value, from 0 to 1.

  • a: number Optional

    Alpha value, from 0 to 1.

戻り値
Color

Static fromRgba

fromRgba(r: number, g: number, b: number, a?: number): Color

Creates a new Color using the specified RGBA color channel values.

パラメーター
  • r: number

    Value for the red channel, from 0 to 255.

  • g: number

    Value for the green channel, from 0 to 255.

  • b: number

    Value for the blue channel, from 0 to 255.

  • a: number Optional

    Value for the alpha channel, from 0 to 1.

戻り値
Color

Static fromString

fromString(value: string): Color

Creates a new Color from a CSS color string.

パラメーター
  • value: string

    String containing a CSS color specification.

戻り値
Color

getHsb

getHsb(): number[]

この色のHSB成分を含む配列を取得します。

戻り値
number[]

getHsl

getHsl(): number[]

この色のHSL成分を含む配列を取得します。

戻り値
number[]

Static interpolate

interpolate(c1: Color, c2: Color, pct: number): Color

Creates a Color by interpolating between two colors.

パラメーター
  • c1: Color

    First color.

  • c2: Color

    Second color.

  • pct: number

    Value between zero and one that determines how close the interpolation should be to the second color.

戻り値
Color

Static toOpaque

toOpaque(c: any, bkg?: any): Color

指定された色に最も近い不透過色を取得します。

パラメーター
  • c: any

    Color to be converted to an opaque color (the color may also be specified as a string).

  • bkg: any Optional

    Background color to use when removing the transparency (defaults to white).

戻り値
Color

toString

toString(): string

Gets a string representation of this Color.

戻り値
string