के साथ कैसे प्रबंधित करें मैं अपने पृष्ठ में svg आइकन का उपयोग करना चाहता हूं। डिजाइनर जो मैं काम करता हूं स्केच का उपयोग छवि को डिजाइन करने और svg में परिणाम निर्यात करने के लिए करता हूं। स्केच निर्यात कोड (id="Page-1"
, id="My-Star"
और id="Star-1"
विशेषताओं पर ध्यान दें) के लिए विभिन्न id
टैग जोड़ती है:स्केच निर्यात किए गए एसवीजी को ids
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="My-Star" stroke="#979797" fill="#D8D8D8">
<polygon id="Star-1" points="11.9860934 18.5835921 5.4876995 22 6.7287823 14.763932 1.47147118 9.63932023 8.73689646 8.58359214 11.9860934 2 15.2352904 8.58359214 22.5007157 9.63932023 17.2434045 14.763932 18.4844873 22 "></polygon>
</g>
</g>
</svg>
मैं html में सीधे svg शामिल हैं। ऐसा करके, मैं एक ही id
कई बार पेश करता हूं। अमान्य एचटीएमएल के अलावा जो काम करने के इस तरीके का परिणाम है, मुझे id
एस के आधार पर svg तत्वों को स्टाइल करने की आवश्यकता है। यह एक बुरा अभ्यास है।
वहाँ एक रास्ता जब स्केच से SVGs निर्यात class
तों साथ id
रों को बदलने के लिए है:
मैं सीएसएस का उपयोग SVGs शैली, एक example
सवाल पर एक नज़र डालें? क्या डिजाइनर को कुछ प्लगइन या सेटिंग दे सकती है? यदि नहीं, तो डिजाइनरों से svg संपत्ति प्राप्त करने और पृष्ठ में इसका उपयोग करने में इष्टतम वर्कफ़्लो क्या है?
आदर्श नहीं होने पर, आप मैनुअल का उपयोग एसवीजी डेटा – Martin