SVGはRetinaディスプレイ用に自動的にサイズ変更されますか?


0

私はすべてのデバイスでWebページの見栄えを良くしようとしています。RetinaMacbook 15 "とiPhone 5、そして通常の低DPIデスクトップがあります。 Retina SVGについて説明しているオンラインサイトを見つけることができないようですが、彼らは「画像フォント」とPNGについて耳を澄ますでしょう。

また、SVGがブラウザ間で適切にレンダリングされるようにするにはどうすればよいですか?


SVGファイルはそれに応じてサイズが変更されるだけなので、問題は表示されません(古いブラウザーを除く)。しかし、これに対処するための実際のソリューションは、実際のRetinaグラフィックを提供することです(たとえば、retinajs.comを参照)。
slhck

「Retina」は、現在の世代のディスプレイ(前世代よりも高解像度を特徴とする)に対するAppleの単なるマーケティングです。そのため、あなたの質問は、ベクターグラフィックスをレンダリングするスケールのヒントを提供する方法です。
ジャン

私は網膜の意味を知っています。解像度に関係なくSVGファイルが同じ物理スペースを占有するかどうか、そして自動的に実行されない場合にそれを行う方法を尋ねています。
-MarcusJ

回答:


1

タグの「preserveAspectRatio」および「viewBox」属性を見てください。これは、Webページで必要なすべてのSVGレンダリングを処理する必要があります。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.