是否可以在SVG填充颜色上设置透明度或alpha级别？
我尝试在fill标签中添加两个值（将其从fill =“＃044B94”更改为fill =“＃044B9466”），但这不起作用。
#1楼
fill="#044B9466"
这是SVG内部以十六进制表示的RGBA颜色 ，由十六进制值定义。 这是有效的，但并非所有程序都能正确显示它...
您可以在此处找到此语法的浏览器支持： https ： //caniuse.com/#feat=css-rrggbbaa
截至2017年8月：RGBA填充色将在Mozilla Firefox（54），Apple Safari（10.1）和Mac OS X Finder的“快速查看”中正确显示。 但是，谷歌浏览器在版本62之前不支持此语法（之前版本54支持启用实验平台功能标记）。
#2楼
在SVG元素中使用属性fill-opacity 。
默认值为1，最小值为0，步骤使用十进制值EX：0.5 = alpha的50％。 注意：必须定义fill颜色以应用fill-opacity 。
看看我的例子 。
参考文献 。
#3楼
为了使填充完全透明， fill="transparent"似乎适用于现代浏览器。 但它不适用于Microsoft Word（适用于Mac），我不得不使用fill-opacity="0" 。
#4楼
您使用addtional属性; fill-opacity ：此属性采用介于0.0和1.0之间的十进制数; 其中0.0是完全透明的。
例如：
<rect ... fill="#044B94" fill-opacity="0.4"/>
此外，您还有以下内容：
-
stroke-opacity属性 - 整个对象的
opacity
#5楼
作为一个尚未完全标准化的解决方案（尽管与CSS3中的颜色语法一致），您可以使用例如fill="rgba(124,240,10,0.5)" 。 适用于Firefox，Opera，Chrome。
这是一个例子 。
来源：oschina
链接：https://my.oschina.net/u/3797416/blog/3164629