자바 스크립트로 SVG를 문서 상단에 삽입하십시오.

Question

각도 프로젝트에서 svg 스프라이트를 사용하고 싶습니다. 나는 다음과 같이 사용 css-tricks post보고이 문서의 page.and의 정상에 SVG 스프라이트를 주입 include_once와 방법에 언급 :

<svg viewBox="0 0 100 100" class="icon shape-codepen"> 
    <use xlink:href="#shape-codepen"></use> 
</svg> 

어떻게 자바 스크립트 방법으로 그렇게 할 수 있습니까? 감사합니다. .

Answer 1

이를 달성하기 위해 신체 온로드에 아래와 같은 기능을 호출 할 수 있습니다 :

function loadSvgTag() { 
     var svgTag = '<svg viewBox="0 0 100 100" class="icon shape-codepen">use xlink:href="#shape-codepen"></use></svg>'; 
     document.body.innerHTML = svgTag+document.body.innerHTML; 
}