Thêm các nút mới vào thẻ SVG <use>

Question

Chỉ cần phát các số thập phân và sử dụng lần đầu tiên. Những gì tôi muốn làm là sử dụng defs để xây dựng một mẫu cơ bản và sau đó khi tôi sử dụng nó tùy chỉnh nó bằng cách thêm một số thẻ bên trong.

Điều này có thể, như khi tôi cố gắng thực hiện điều đó trong Firefox, nó không hiển thị bất kỳ thẻ nào mà tôi đặt là trẻ em vào thẻ sử dụng. ví dụ:

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

Không thể trực tiếp sử dụng được. use element có thể chứa các phần tử mô tả và hoạt ảnh, nhưng nó không hoạt động giống như vùng chứa XBL.

Bạn có thể sử dụng XBL, nếu bạn đang nhắm mục tiêu firefox.

Để duy trì hạn SVG, làm cho một nhóm và sử dụng nền:

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