2012-10-21 7 views
16

मेरे पास एसवीजी छवियों का एक गुच्छा है जिसे मैं एक HTML पृष्ठ में एम्बेड करना चाहता हूं, जो सीएसएस के साथ स्टाइल है।मेरे पास HTML दस्तावेज़ से एसवीजी छवि विरासत रंग कैसे हो सकता है?

मैं एसवीजी में तत्वों को प्राप्त करने में सक्षम होना चाहता हूं उनके रंग मूल HTML तत्व के रंग विशेषता से विरासत में मिला है।

मैंने style="stroke: none; fill: inherit" सेट करने का प्रयास किया लेकिन यह काम नहीं करता है।

+0

एसवीजी पैरामीटर पर एक नज़र डालें: http://www.schepers.cc/w3c/svg/params/ref.html – Stan

+2

आपका प्रश्न यह नहीं है कि आप कैसे svg टुकड़े एम्बेड करते हैं । थोड़ी सी लगता है जैसे http://stackoverflow.com/questions/4906148/how-to-apply-a-style-to-an-embedded-svg हालांकि। वैसे भी, यदि आपके टुकड़े HTML में इनलाइन हैं, तो आपके उदाहरण में स्टाइलिंग ठीक काम करना चाहिए। –

उत्तर

35

एचटीएमएल रंग का उपयोग करता है जबकि एसवीजी भरने और स्ट्रोक का उपयोग करता है। मूल्य वर्तमान रंग का उपयोग करके आप रंग सीएसएस संपत्ति के मूल्य का उपयोग करने के लिए भर या स्ट्रोक प्राप्त कर सकते हैं उदा। fill = "currentcolor"

+1

यह सही जवाब है। –

+0

यह एम्बेडेड एसवीजी के साथ काम नहीं करता है, हालांकि, क्या यह करता है? – obskyr

+0

यह करता है, लेकिन यदि आपका मतलब यह है कि यह क्रॉस-दस्तावेज़ नहीं है। –

संबंधित मुद्दे

 संबंधित मुद्दे