SVGファイルが伸び縮みしない(拡大縮小出来ない)時
最終更新日:2022.05.23 [月] 公開日:2022.03.10 [木] カテゴリー:html・CSS・jQuery・JS備忘
SVGファイル、伸ばしても画像が荒れないので、とても便利ですよね。
でも、これうっかりイラレとかで上書きして保存して、そのまま使おうとしたら・・・
100%にしてるのに、全然伸びない。
伸び縮みしないですやん・・・・えええ。
となりました。
解決したのですが、また忘れそうなので、備忘録として残します。
svgファイルをテキストエディタで開いてpreserveAspectRatio=”none”付けるだけ
見出しの通りです。
xmlns=”なんたらかんたら” preserveAspectRatio=”none”
って付けるだけで、ちゃんと伸び縮みします。
難しい理屈はわかりませんが、、
コメントを残す
コメントを投稿するにはログインしてください。