Class Color

建構 r, g, b, a 值為 0 的 ov.Color。

使用陣列建構 ov.Color，效能最佳。 陣列前 3 元素分別代表r, g, b 值 (0~255)。第 4 元素代表 a 值 (0.0~1.0) 。 陣列長度小於 4 時，a 值預設為 1.0。

Example

new ov.Color([255, 255, 255]); // 白色，a = 1.0
new ov.Color([255, 255, 255, 1.0]); // 白色
Copy

使用CSS顏色參數建構 ov.Color。

Example

// 白色
new ov.Color("#ffffff"); // a = 1.0
new ov.Color("#ffffffff");
new ov.Color("ffffff"); // a = 1.0
new ov.Color("ffffffff");
new ov.Color("rgb(255, 255, 255)");
new ov.Color("rgba(255, 255, 255, 1.0)");
new ov.Color("white");
Copy

使用字串建構 ov.Color。需注意顏色拼寫。

使用 ColorLike 建構 ov.Color。

使用 r, g, b, a 值 (0.0~1.0) 建構 ov.Color。

使用 r, g, b 值 (0.0~1.0) 建構 ov.Color。a 值預設為 1.0。

轉換成16進制字串

Example

const color = new ov.Color(255, 127, 0, 0.5);
color.toHex("RGB"); // "#ff7f00"
color.toHex("RGBA"); // "#ff7f007f"
color.toHex("ARGB"); // "#7fff7f00"
color.toHex(); // "#ff7f007f"
Copy

轉換成 rgb() 格式字串

Example

const color = new ov.Color(255, 127, 0, 0.5);
color.toRGB(); //"rgb(255, 127, 0)"
Copy

轉換成 rgba() 格式字串

Example

const color = new ov.Color(255, 127, 0, 0.5);
color.toRGBA();//"rgba(255, 127, 0, 0.5)"
Copy