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

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

Pocket
Facebook にシェア
LINEで送る

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

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

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



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

となりました。

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

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

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

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

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


スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA