SVG填充顏色透明度/ alpha？

是否能夠在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。

這是一個例子 。