2013-01-31 4 views
3

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'태그가 포함되어있는 경우 이러한 속성을 덮어 쓰는 방법을 알아야합니다.

+0

'none'이 현재 작동하지만 (Chrome 60, July 2017) 다른 값은'xMinYMid meet'으로 해석됩니다. – phk

답변

관련 문제