colorRGBA 闪电图的不透明度

问题描述

我们如何设置不透明度的颜色？

我尝试过类似 rgba(255,50);

即使我改为 100 ，仍然有不透明度？

范围是多少？例如 CSS 中的 0.1 到 1.0，这样闪电图表中从低不透明度到高不透明度的范围是多少？？

另外请告知colorHEX的范围

line.setstrokeStyle(
    new SolidLine({
        thickness: t,fillStyle: new SolidFill({
            color: ColorHEX(color).setA(100)
        })
    })
)

有时甚至 100 也是透明的。

解决方法

您可以使用 ColorRGBA(r,g,b,a) 或 ColorHEX('#RGBA') 创建具有不透明度的 Color 实例。

const semiTransparentRed = ColorRGBA(255,125)
const opaqueRed = ColorRGBA(255,255)

ColorRGBA alpha 定义需要 0 - 255 范围内的数字。ColorRGBA(255,0) 将完全透明，而 ColorRGBA(255,255) 将完全不透明。

您可以通过在 #RRGGBBAA 格式的颜色十六进制代码中提供 ColorHEX 来指定它的 alpha，例如#ff0000aa 其中 aa 是 alpha。也接受格式的其他变体，#RGBA、0xRRGGBBAA 和 0xRGBA。 ColorHEX 的 alpha 定义始终是可选的。

所有颜色工厂都返回一个 Color 实例。您可以使用 color.setA 方法编辑 Color 实例的透明度，该方法期望值在 0 - 255 范围内。

const semiTransparentRed = ColorRGBA(255,0).setA(125)