क्या एसवीजी <tspan> तत्व पृष्ठभूमि रंग देना संभव है? यदि नहीं, तो इसे अनुकरण करने का सबसे अच्छा तरीका क्या होगा?tspan तत्व का पृष्ठभूमि रंग
मेरा लक्ष्य टेक्स्ट पृष्ठभूमि रंग देना है, और मुझे लगा कि <tspan> तत्व भरना सही होगा - वे टेक्स्ट टेक्स्ट (<tspan> तत्व) पहले से ही "रूपरेखा" रूपरेखा करते हैं जो मल्टीलाइन टेक्स्ट में पंक्तियों का प्रतिनिधित्व करते हैं।
उदाहरण के साथ मैं काम कर रहा हूँ:
<text x="100" y="100" font-size="30">
<tspan>hello</tspan>
<tspan x="100" dy="1.2em">world</tspan>
</text>
मैंने कोशिश की "भरने" विशेषता लेकिन यह पाठ के भरने (रंग), नहीं इसके पीछे क्षेत्र को प्रभावित कर रहा है:
<tspan fill="yellow">hello</tspan>
<style type="text/css">tspan { background-color: yellow }</tspan>
कि ..लेकिन (कम से कम क्रोम 17 और Firefox में काम नहीं करता है: मैं भी सीएसएस के माध्यम से पृष्ठभूमि रंग स्थापित करने की कोशिश की 12)। कुछ मैं चाहते हैं - एक <rect> तत्व एक ही स्थान पर तैनात बनाने के अलावा
<g fill="yellow"><tspan>hello</tspan></g>
<tspan><g fill="yellow">hello</g></tspan>
: "भरने" के साथ <g> में
रैपिंग tspan (या खुद पाठ <g> में) या तो काम नहीं करता है इससे बचें - क्या यह हासिल करने का कोई और तरीका है?
धन्यवाद, मैं फिर रेक्ट के साथ जा रहा हूँ। अब मैं देख सकता हूं कि पाठ पृष्ठभूमि निर्दिष्ट क्यों समस्याग्रस्त हो सकती है। – kangax