svg

2015-09-03 13 views
5

में सर्कल के डबल स्ट्रोक रंग यह कैसे मैं केवल स्ट्रोक और कोई भरणsvg

fill: none !important; 
stroke-width: 1px; 
  • मैं डबल स्ट्रोक चाहते हो के साथ चक्र बनाया है।

उत्तर

7

अफसोस की बात है कि आप एक डबल स्ट्रोक, केवल एक धराशायी या ठोस स्ट्रोक रखने के लिए एक एसवीजी सेट नहीं कर सकते हैं।

इसके बजाए, केवल एक ही तत्व बनाएं, लेकिन इसके आकार के जितना आवश्यक हो उतना आकार/त्रिज्या कम करें।

.circle { 
 
    fill: none; 
 
    stroke: black; 
 
}
<svg height="100" width="100"> 
 
    <circle class="circle" cx="50" cy="50" r="40" stroke-width="1" /> 
 
    <circle class="circle" cx="50" cy="50" r="38" stroke-width="1" /> 
 
</svg>