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




svg transparency alpha fill (4)

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

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


Answers

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

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

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

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

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

fill="#044B9466"

यह हेवी मूल्यों के साथ परिभाषित एसवीजी के अंदर एक आरजीबीए रंग है। यह मान्य है, लेकिन सभी प्रोग्राम इसे ठीक से प्रदर्शित नहीं कर सकते हैं ...

अगस्त 2017 तक: आरजीबीए भरने वाले रंग मोज़िला फ़ायरफ़ॉक्स (54), ऐप्पल सफारी (10.1) और मैक ओएस एक्स फाइंडर के "क्विक व्यू" पर ठीक से प्रदर्शित होंगे। हालांकि Google क्रोम (60.0) इस रंग को ठीक से प्रदर्शित नहीं करता है; यह सिर्फ इसे काले रंग के रूप में प्रदर्शित करेगा।


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

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


आउट-डिफॉल्ट को संशोधित करना निश्चित रूप से जाने का तरीका है। एक नीचे दिया गया, मैला - उदाहरण। मैं पावरशेल कुकबुक से न्यू-कमांडवापर का उपयोग कर रहा हूं।

New-CommandWrapper Out-Default `
    -Process {
        if(($_ -is [System.IO.DirectoryInfo]) -or ($_ -is [System.IO.FileInfo]))
        {if(-not ($notfirst)) {
           Write-Host "    Directory: $(pwd)`n"           
           Write-Host "Mode                LastWriteTime     Length Name"
           Write-Host "----                -------------     ------ ----"
           $notfirst=$true
           }
           if ($_ -is [System.IO.DirectoryInfo]) {
           Write-host ("{0,-7} {1,25} {2,10} {3}" -f $_.mode, ([String]::Format("{0,10}  {1,8}", $_.LastWriteTime.ToString("d"), $_.LastWriteTime.ToString("t"))), $_.length, $_.name) -foregroundcolor "yellow" }
           else {
           Write-host ("{0,-7} {1,25} {2,10} {3}" -f $_.mode, ([String]::Format("{0,10}  {1,8}", $_.LastWriteTime.ToString("d"), $_.LastWriteTime.ToString("t"))), $_.length, $_.name) -foregroundcolor "green" }
           $_ = $null
        }
} 





colors svg transparency alpha fill