SVG填充颜色透明度/ alpha？

SVG填充颜色可以设置透明度或alpha级别吗？

我已经尝试将两个值添加到填充标记（将其从填充=“＃044B94”更改为填充=“＃044B9466”），但这不起作用。

Answer 1

您使用addtional属性; fill-opacity ：该属性取一个介于0.0和1.0之间的十进制数; 其中0.0是完全透明的。

例如：

 <rect ... fill="#044B94" fill-opacity="0.4"/> 

另外你有以下几点：

• stroke-opacity属性
• 整个对象的opacity

Answer 2

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

这是一个例子 。

Answer 3

 fill="#044B9466" 

这是SVG中的RGBA颜色 ，用hex值定义。

截至2017年8月：在Mozilla Firefox（54），Apple Safari（10.1）和Mac OS X Finder的“快速查看”中正确显示RGBA填充颜色。 但Google Chrome（60.0）不能正确显示此颜色。 它只会显示为黑色。