왜 SVG가 크롬 확장에로드되지 않습니까?

Question

크롬 확장을 사용하여 웹 사이트에 일부 HTML을 주입하고 있습니다. 이 코드에서는 SVG를 포함합니다. 하지만 내가 웹 사이트를로드 할 때

Failed to load resource: the server responded with a status of 404 (Not Found) http://stackoverflow.com/questions/SVG/home-outline.svg 

내 svg 파일은 모두 SVG라는 폴더에 있습니다. 내 다른 파일을로드 한대로 "web_accessible_resources": ["SVG/*.svg"] SVG 파일을로드하는 중입니다. 이미지가로드되지 않는 이유는 무엇입니까?

<span class="menu_T"> 
    <button class="large_menu_button_T"> 
     <img src="SVG/home-outline.svg"> 
    </button> 
</span> 

CSS 배경을 통해 svg를 추가하려고하면 같은 결과가 나타납니다.

Answer 1

삽입 된 코드에서 "SVG/home-outline.svg"과 같은 상대 경로는 삽입하려는 사이트를 가리 킵니다.

확장 프로그램의 전체 경로가 필요합니다. 그것을 얻는 것은 쉽습니다 : chrome.runtime.getURL("SVG/home-outline.svg") does the job.