defineColor

简化使用 Cesium.Color 的方式，这几乎是其替代品。

使用

const viewer = useViewer()
viewer.entities.add({
  polygon: {
    // ...
    material: defineColor('#334455/80') // 颜色为#334455，透明度0.8
  }
})

defineColor会根据 / 将字符串分割为两部分，后面部分被视为是透明度

// Cesium.Color.fromCssColorString('rgb(255 0 0)')
defineColor('rgb(255 0 0)')

// Cesium.Color.fromCssColorString('rgb(255 0 0 / 0.8)')
defineColor('rgb(255 0 0 / 0.8)')

// Cesium.Color.fromCssColorString('pink')
defineColor('pink')

// Cesium.Color.fromCssColorString('pink').withAlpha(0.8)
defineColor('pink/80')

// Cesium.Color.fromCssColorString('#f00')
defineColor('#f00')

// Cesium.Color.fromCssColorString('#f00').withAlpha(0.8)
defineColor('#f00/80')

demo

类型声明

Details

/**
 * Define a `Cesium.Color` from a string.
 *
 * ## example
 * ```js
 * defineColor('#00ff00/60') // #00ff00 with 60% alpha
 * defineColor('green/60')
 * defineColor('green')
 * defineColor('rgb(0 255 0)')
 * ```
 */
export declare function defineColor(str: string): Cesium.Color

源码

source • demo