颜色

¥Color

PixiJS 中的 Color 类是一个用于表示颜色的灵活实用程序。它在整个渲染管线中用于色调、填充、描边、渐变等操作。

¥The Color class in PixiJS is a flexible utility for representing colors. It is used throughout the rendering pipeline for things like tints, fills, strokes, gradients, and more.

import { Color, Sprite, Texture, Graphics } from 'pixi.js';

const red = new Color('red'); // Named color
const green = new Color(0x00ff00); // Hex
const blue = new Color('#0000ff'); // Hex string
const rgba = new Color({ r: 255, g: 0, b: 0, a: 0.5 }); // RGBA object

console.log(red.toArray()); // [1, 0, 0, 1]
console.log(green.toHex()); // "#00ff00"

const sprite = new Sprite(Texture.WHITE);
sprite.tint = red; // Works directly with a Color instance

使用 Color 和 ColorSource

¥Using Color and ColorSource

PixiJS 通过 ColorSource 类型支持多种颜色格式：

¥PixiJS supports many color formats through the ColorSource type:

• 颜色名称：'red'、'white'、'blue' 等。

  ¥Color names: 'red', 'white', 'blue', etc.

• 十六进制整数：0xffcc00

  ¥Hex integers: 0xffcc00

• 十六进制字符串：'ffcc00', '#f00', '0xffcc00ff'

  ¥Hex strings: 'ffcc00', '#f00', '0xffcc00ff'

• RGB(A) 对象：{ r: 255, g: 0, b: 0 }, { r: 255, g: 0, b: 0, a: 0.5 }

  ¥RGB(A) objects: { r: 255, g: 0, b: 0 }, { r: 255, g: 0, b: 0, a: 0.5 }

• RGB(A) 字符串：'rgb(255,0,0)', 'rgba(255,0,0,0.5)'

  ¥RGB(A) strings: 'rgb(255,0,0)', 'rgba(255,0,0,0.5)'

• RGB(A) 数组：[1, 0, 0], [1, 0, 0, 0.5]

  ¥RGB(A) arrays: [1, 0, 0], [1, 0, 0, 0.5]

• 类型化数组：Uint8Array, Float32Array

  ¥Typed arrays: Uint8Array, Float32Array

• HSL/HSV 对象和字符串

  ¥HSL/HSV objects and strings

• Color 实例

  ¥Color instances

每当看到与颜色相关的属性（例如 fill、tint、stroke）时，都可以使用以下任何一种格式。该库将在内部自动将它们转换为适当的格式。

¥Whenever you see a color-related property (e.g., fill, tint, stroke), you can use any of these formats. The library will automatically convert them to the appropriate format internally.

import { Graphics, Sprite, Texture } from 'pixi.js';

const sprite = new Sprite(Texture.WHITE);
sprite.tint = 'red'; // converted internally

const graphics = new Graphics();
graphics.fill({ color: '#00ff00' }); // Also converted internally

---

API 参考

¥API Reference

• 颜色

  ¥Color