问SVG填充颜色透明度/ alpha？

EN

作为一种尚未完全标准化的解决方案(尽管与CSS3中的颜色语法一致)，您可以使用例如fill="rgba(124,240,10,0.5)"。在Firefox，Opera，Chrome中运行良好。

Here's an example。

fill="#044B9466"

这是SVG中十六进制表示法的RGBA color，用十六进制值定义。这是有效的，但并不是所有的程序都能正确显示它...

您可以在此处找到对此语法的浏览器支持：https://caniuse.com/#feat=css-rrggbbaa

截至2017年8月: RGBA填充颜色将在Mozilla Firefox (54)、Apple Safari (10.1)和Mac OS X Finder的“快速查看”上正确显示。但是，Google Chrome在版本62之前不支持此语法(之前在启用了实验平台功能标志的情况下从版本54开始支持)。

从2021年4月起，Inkscape 1.0.2版不能在SVG文件中读取此格式，而是将任何RGBA颜色转换为不透明黑色。错误报告在这里：https://gitlab.com/inkscape/inbox/-/issues/1195

在SVG的元素中使用fill-opacity属性。

默认值为1，最小值为0，在步骤中使用十进制值例如: 0.5 = alpha的50%。注意:要应用fill-opacity，必须定义fill颜色。

参见my example。

References。