여러 위치에 인라인 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

너비/높이가 0 인 을 포함하는 svg를 만듭니다. –

여러 위치에 인라인 SVG 표시

답변

관련 문제