Hinzufügen neuer Knoten zu einem SVG <use> Tag

Question

Nur die Defs spielen und zum ersten Mal verwenden. Ich möchte Defs verwenden, um eine Basisvorlage zu erstellen, und wenn ich sie verwende, passe sie an, indem ich noch mehr innere Tags hinzufüge.

Ist das möglich, wenn ich versuche, es in Firefox zu tun, es macht keine Tags, die ich als Kinder auf das Use-Tag setzen. z.B.:

<?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

Es ist nicht direkt mit der Verwendung möglich. Die use element kann Beschreibungs- und Animationselemente enthalten, verhält sich jedoch nicht wie ein XBL Container.

Sie könnten XBL verwenden, wenn Sie auf Firefox abzielen.

innerhalb SVG zu bleiben, eine Gruppe machen und den Hintergrund verwenden:

<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>