svg 이미지가 표시되지 않습니다.

Question

아래 코드는 내가 실행하고 실행하는 것을 보지 못하고 있습니까?

<svg base="http://www.w3.org/2000/svg" x="550" y="475" style="border: 3px solid blue;"> 
    <image xlink:href="app3.JPG" x="100" y="75" width="300" height="167" id="image1" /> 
</svg> 

Answer 1

거기에 xmlns 대신 원하는 기반 속성이 없습니다. xlink 네임 스페이스가 정의되지 않았습니다.

html로 SVG를 임베드하는 경우 <svg> 요소의 너비와 높이도 지정해야합니다. 아마 100 %가 당신이 원하는 것입니다.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="550" y="475" width="100%" height="100%" style="border: 3px solid blue;"> 
    <image xlink:href="app3.JPG" x="100" y="75" width="300" height="167" id="image1" /> 
</svg> 

div의 너비/높이를 스타일로 지정해야 할 수도 있습니다.