IE9 の「要素」で SVG 画像の比率が歪むのはなぜですか?

IE9 で の SVG 画像の比率が歪む要素

CSS を使用して 内の SVG 画像の最大高さを設定する場合。要素では、画像がその高さに比例して拡大縮小されることが期待されます。ただし、IE9 では、特定の SVG 画像の比率が歪む場合があります。

特に、この問題は、パスではなくポリゴンで構成される SVG で発生します。影響を受ける画像の例は、Radiant Interactive の「crocs」SVG です: http://www.radiantinteractive.com/rs/images/allies/other/crocs.svg

ブラウザ間でのこの不一致に対処するには、次のようにします。

さまざまな SVG 属性の影響を実証するために、テスト ページが作成されました。

[テスト ページ リンク]

さまざまなブラウザで結果を確認すると、SVG 属性と CSS ディメンションの組み合わせに基づいて画像処理に大きな違いがあることがわかります。

以上がIE9 の「要素」で SVG 画像の比率が歪むのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。