大阪府堺市のWEB制作(ホームページ制作)事務所です

SVGファイルが伸び縮みしない(拡大縮小出来ない)時

最終更新日:2022.05.23 [月] 公開日:2022.03.10 [木] カテゴリー:html・CSS・jQuery・JS備忘

SVGファイル、伸ばしても画像が荒れないので、とても便利ですよね。

でも、これうっかりイラレとかで上書きして保存して、そのまま使おうとしたら・・・

100%にしてるのに、全然伸びない。



伸び縮みしないですやん・・・・えええ

となりました。

解決したのですが、また忘れそうなので、備忘録として残します。

svgファイルをテキストエディタで開いてpreserveAspectRatio=”none”付けるだけ

見出しの通りです。
xmlns=”なんたらかんたら” preserveAspectRatio=”none”

って付けるだけで、ちゃんと伸び縮みします。

難しい理屈はわかりませんが、、


スポンサーリンク

コメントを残す