2

これに対する回避策があるかどうか誰かが知っていますか? Internet Explorer 10 および Window phone 8 は、ユーザーがズームしたときに背景の SVG イメージを正しくスケーリングできません。IE はロード時に SVG をラスタライズするようです。

次に例を示します。最初の画像は、背景画像としての SVG です。MS Surface または Windows 8 フォンを拡大すると、ひどくぼやけていることがわかります。

2 番目の画像は img タグと同じ SVG です。これを Surface または Windows 8 の携帯電話でズームすると、期待どおりに拡大縮小されます (きれいに表示されます)。

IE10 を動作させるために追加できるプロパティはありますか? それとも、レドモンドの人々がそれを修正するのを待っているだけですか?

4

1 に答える 1

2

問題は、IE や Firefox などの他のブラウザが SVG を表示する前にラスタライズするため、ズームするとブロック状になることです。

これを修正する最も簡単な方法は、SVG ファイルを必要以上に大きくすることです。たとえば、サイズを 2 倍にするか、ユーザーがさらにズームインする可能性がある場合はそれ以上にします。その後、CSS を使用して SVG 画像のサイズを変更し、正しいサイズで表示できます。この方法では、画像が自然に大きくなるため、さらにズームインしない限り、ブロック状になることはありません。デフォルトのズーム レベルでは、画像は拡大ではなく縮小されますが、通常はブラウザの方が適切に処理されます。

編集: この問題の詳細については、http://dbushell.com/2012/03/11/svg-all-fun-and-games/の「SVG と CSS の背景」という見出しの下で見つけることができます。

于 2013-01-29T19:27:06.300 に答える