颜色RGBA灯光图表的不透明度

Question

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

我试过rgba(255, 0, 0, 50);

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

范围是多少？例如CSS中的0.1到1.0，比如lightningchart中从低不透明度到高不透明度的范围是多少？？

此外，请告知colorHEX 的范围

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

有时甚至100也是透明的。

Answer 1

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

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

ColorRGBAalpha定义需要一个0-255范围内的数字。CCD_ 6将是完全透明的并且CCD_ 7将是完全不透明的。

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

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

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