emj1025 https://blog.hatena.ne.jp/emj1025/ emuramemo https://www.emuramemo.com/ Illustrator 最近はWebサイトにロゴデータなどをSVGで設置する機会が増えました。 しかし下記のブラウザででSVGが崩れて表示されることが。 iPhone safari iPhone chrome 部分的にパスが欠如して飛んでしまっていたり、曲線が不自然に曲がります。拡大、縮小するごとに怪しい挙動をしてパスが安定しません。 原因はIllustratorでSVGに書き出すときのパスの詳細設定にありました。 これだけが原因かどうかはわかりませんが、以下に解決した方法を書き残しておきます。 解決方法1 SVGファイルを別名で保存する方法 解決方法2 アセットのオプションから設定を変更する方法 スポンサードリンク… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.emuramemo.com%2Fentry%2F2018%2F06%2F28%2F190000" title="iPhone safariやchromeでSVG画像が崩れるときの解決方法 - emuramemo" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/e/emj1025/20180628/20180628181528.png Hatena Blog https://hatena.blog 2018-06-28 19:00:00 rich https://www.emuramemo.com/entry/2018/06/28/190000 1.0 100%