이미지의 자동 너비와 높이를 SVG가 지원하지 않습니까?

Question

크기가 지정되지 않은 HTML 이미지 요소를 만들 수 있습니다. 그것은 고유 폭과 높이를해야합니다 : 차원 방지하기 위해, 0 × 0 크기를해야합니다 속성없이 SVG 이미지에

<img src="me.jpg" alt=""> 

그러나이 width 및 height 지정해야합니다 (as in this example) :

<image xlink:href="me.jpg" width="64" height="64" /> 

SVG 이미지를 원본 너비와 높이로 가져갈 수 있습니까? 물론 해당 속성을 추가하지 않아도됩니까? 중요한 점은 HTML 내부의 SVG에 대한 골치 아픈 이야기입니다.

Answer 1

SVG 1.1 사양에는 < image> 요소에 대해 width 및 height 속성이 필요합니다. 오늘날 대부분의 브라우저는이를 구현하므로 아직 답변을 얻지 못했습니다. 속성을 그대로두면 기본 값인 0이 사용되며 이는 이미지를 보이지 않게 만드는 효과가 있음을 의미합니다.

그러나 이미지의 자동 크기 조정은 SVG2에 추가됩니다 (https://svgwg.org/svg2-draft/struct.html#ImageElement 참조). 이것은 희망을 갖고 당신이 너무 먼 미래에 당신이 원하는 것을 할 수 있다는 것을 의미합니다.