在多個位置顯示內聯SVG

使用HTML5，如何將內聯SVG放置一次然後在多個位置顯示？我希望SVG代碼不會顯示它的放置位置，而是在它所在的多個位置，而不依賴於CSS。有一個略有相關的question。在多個位置顯示內聯SVG

2013-07-11 user287424

您可以使用<use>標籤在多個位置顯示SVG。

<body> 
    <svg width="0" height="0"> 
     <defs> 
     <rect id="MyRect" width="60" height="10" fill="blue"/> 
     </defs> 
    </svg> 
    <svg width="50" height="50"> 
     <use x="20" y="10" xlink:href="#MyRect" /> 
    </svg> 
    <svg width="50" height="50"> 
     <use x="20" y="10" xlink:href="#MyRect" /> 
    </svg> 
</body>

來源

2013-07-11 17:30:21

這是工作，但 user287424

使svg包含寬度/高度0 –

在多個位置顯示內聯SVG

回答

相關問題