IE9의 `` 요소에서 SVG 이미지 비율이 왜곡되는 이유는 무엇입니까?

IE9는 에서 SVG 이미지 비율을 왜곡합니다. 요소

CSS를 사용하여 요소를 사용하면 이미지가 해당 높이에 비례하여 크기가 조정될 것으로 예상됩니다. 그러나 IE9에서는 특정 SVG 이미지의 비율이 왜곡될 수 있습니다.

구체적으로 경로가 아닌 다각형으로 구성된 SVG에서 문제가 발생합니다. 영향을 받는 이미지의 예로는 Radiant Interactive의 "crocs" SVG가 있습니다: http://www.radiantinteractive.com/rs/images/allies/other/crocs.svg

브라우저 간 이러한 불일치를 해결하려면,

다양한 SVG 속성의 영향을 보여주기 위해 테스트 페이지가 생성되었습니다.

[테스트 페이지 링크]

결과적으로 다양한 브라우저에서 SVG 속성과 CSS 크기의 조합에 따라 이미지 처리에 상당한 차이가 있음을 관찰할 수 있습니다.

위 내용은 IE9의 `` 요소에서 SVG 이미지 비율이 왜곡되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!