SVG 파일의 이미지에 preserveAspectRatio = none을 사용하면 Google 크롬에서 작동하지 않는 것 같습니다. SVG는 이미지 너비와 높이에 따라 크기가 조정되지 않습니다.SVG img preserveAspectRatio Chrome
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg id="test"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1024 768">
<defs>
</defs>
<image x="288" y="140" width="368" height="160" xlink:href="image.svg" preserveAspectRatio="none" />
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg id="test"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1024 768">
<defs>
</defs>
<image x="288" y="140" width="368" height="160" xlink:href="image.svg" preserveAspectRatio="none" />
</svg>
IE9에서는 최신 Opera와 FF가 작동합니다!
포함해야 할 이미지에 preserveAspectRatio = none 속성이 없으면 작동하지 않는 것으로 보입니다. 모든 SVG에이 특성이 있다고 가정 할 수는 없습니다. 그래서 SVG에 'image'태그가 포함되어있는 경우 이러한 속성을 덮어 쓰는 방법을 알아야합니다.
'none'이 현재 작동하지만 (Chrome 60, July 2017) 다른 값은'xMinYMid meet'으로 해석됩니다. – phk