IE9 在 中傾斜SVG 影像比例元素
當使用CSS 設定 內SVG 影像的最大高度時元素,預計影像將按比例縮放到該高度。但是,在 IE9 中,某些 SVG 影像可能會出現比例扭曲。
具體來說,問題是由多邊形而不是路徑組成的 SVG 出現的。受影響圖像的一個例子是來自Radiant Interactive 的“crocs”SVG:http://www.radiantinteractive.com/rs/images/allies/other/crocs.svg
為了解決跨瀏覽器的這種不一致問題,建議始終為SVG 影像定義一個viewBox,同時省略
為了示範不同SVG 屬性的影響,我們建立了一個測試頁面:
[測試頁面連結]
透過比較結果在不同的瀏覽器中,人們可以觀察到基於SVG 屬性和CSS 尺寸組合的影像處理的顯著變化。
以上是為什麼 IE9 的 `` 元素中 SVG 影像比例會傾斜?的詳細內容。更多資訊請關注PHP中文網其他相關文章!