colors - एसवीजी रंग पारदर्शिता/अल्फा भरें?




svg transparency (2)

क्या एसवीजी भरने वाले रंगों पर पारदर्शिता या अल्फा स्तर सेट करना संभव है?

मैंने भरने के टैग में दो मान जोड़ने की कोशिश की है (इसे भरने के लिए = "# 044B94" भरने से = "# 044B9466"), लेकिन यह काम नहीं करता है।


अभी तक पूरी तरह से मानकीकृत समाधान (हालांकि CSS3 में रंग वाक्यविन्यास के साथ संरेखण में) के रूप में आप उदाहरण fill="rgba(124,240,10,0.5)" सकते हैं fill="rgba(124,240,10,0.5)" । फ़ायरफ़ॉक्स, ओपेरा, क्रोम में ठीक काम करता है।

यहां एक उदाहरण दिया गया है


आप एक addtional विशेषता का उपयोग करें; fill-opacity : यह विशेषता 0.0 और 1.0 के बीच एक दशमलव संख्या लेती है, समावेशी; जहां 0.0 पूरी तरह से पारदर्शी है।

उदाहरण के लिए:

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

इसके अतिरिक्त आपके पास निम्न है:

  • stroke-opacity विशेषता
  • पूरी वस्तु के लिए opacity




fill