Internet Explorer で SVG が正しく拡大縮小されないのはなぜですか?

幅と高さが不足しているため、IE で SVG を正しく拡大縮小できない

この質問では、ユーザーは SVG の拡大縮小に関する問題に遭遇しました。インターネットエクスプローラー。このエラーは、SVG に明示的な幅と高さの属性がないことが原因で発生しました。

解決策: 幅と高さの属性を提供する

この問題を解決するために、ユーザーはニコラス・ギャラガーによって発見されたテクニック。これには、隠された を使用することが含まれます。

実装:

1. 要素を追加します。
2. 要素を HTML に追加し、その幅と高さの属性を SVG のサイズと一致するように設定します。 CSS を使用して、可視性を非表示に設定します。
3. SVG を <div> 内に絶対に配置します。 CSS を使用しています。

CSS:

canvas {
    display: block;
    width: 100%;
    visibility: hidden;
}

svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

HTML:

<div>

この回避策を実装することにより、ユーザーは Internet Explorer のスケーリングの問題を正常に解決し、SVG を表示できるようになりました。正しく。

以上がInternet Explorer で SVG が正しく拡大縮小されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。