एक एसवीजी <use> टैग

Question

पर नए नोड्स जोड़ना बस पहली बार defs और उपयोग खेल रहा है। मैं क्या करना चाहता हूं बेस बेस टेम्पलेट बनाने के लिए डीफ़ का उपयोग करता है और फिर जब मैं इसे और अधिक आंतरिक टैग जोड़कर इसे अनुकूलित करता हूं।

क्या यह संभव है, जब मैं इसे फ़ायरफ़ॉक्स में करने का प्रयास करता हूं तो यह किसी भी टैग को प्रस्तुत नहीं करता है जिसे मैं उपयोग टैग में बच्चों के रूप में रखता हूं। उदाहरण:

<?xml version="1.0" standalone="no"?> 
<svg width="10000px" height="5500px" version="1.1" 
    baseProfile="full" 
    xmlns="http://www.w3.org/2000/svg" 
    xmlns:xlink="http://www.w3.org/1999/xlink"> 

    <defs> 
     <g id="storyCard"> 
      <rect width="800px" height="500px" fill="#ffff00" /> 
      <path d="M 20 120 L 780 120 M 640 20 L 640 120" stroke-width="6px" stroke="black" fill="none" /> 
     </g> 
    </defs> 

    <!-- White Board --> 
    <path d="M 0 0 L 10000 0 L 10000 550 L 0 5500 z M 2000 0 L 2000 5500" stroke-width="20px" stroke="black" fill="none" /> 
    <use xlink:href="#storyCard" transform="translate(100,100)" /> 
    <use xlink:href="#storyCard" transform="translate(1000,200)" > 
      <text x="20" y="80" font-size="45" font-weight="bold" font-family="Comic Sans MS, cursive"> 
       My Dummy Story 
      </text> 
    </use> 
</svg> 

Answer 1

यह उपयोग के साथ सीधे संभव नहीं है। use element में वर्णन और एनीमेशन तत्व हो सकते हैं, लेकिन यह XBL कंटेनर जैसा व्यवहार नहीं करता है।

यदि आप फ़ायरफ़ॉक्स को लक्षित कर रहे हैं, तो आप एक्सबीएल का उपयोग कर सकते हैं।

, एसवीजी के भीतर रहने के एक समूह बनाने के लिए और पृष्ठभूमि का उपयोग करने के लिए:

<g transform="translate(1000,200)" > 
     <use xlink:href="#storyCard"/> 
     <text x="20" y="80" font-size="45" font-weight="bold" font-family="Comic Sans MS, cursive"> 
      My Dummy Story 
     </text> 
    </g>