SVG填充颜色透明度/ alpha？

 

是否可以在SVG填充颜色上设置透明度或Alpha级别？

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

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

例如： 

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

另外你有以下几点：

  • stroke-opacity属性
  • 整个物体的opacity

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

    这是一个例子。 

    fill="#044B9466"

    这是SVG中以十六进制符号表示的RGBA颜色，用十六进制值定义。 这是有效的，但并非所有程序都可以正确显示它...

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

    截至2017年8月：在Mozilla Firefox（54），Apple Safari（10.1）和Mac OS X Finder的“快速查看”中，RGBA填充颜色将正确显示。 但是，Google Chrome在版本62之前不支持此语法（之前版本54支持启用“实验平台功能”标志）。

    链接地址: http://www.djcxy.com/p/87083.html

    上一篇: SVG fill color transparency / alpha?

    下一篇: Understanding colors on Android (six characters)