iOS14時代のSVG表示設定方法

デザイナーからFigmaのURLが1つ送られてきて「後は勝手にやれ」と言われる機会が増えてきたこの頃。
iOS14時代のアプリでSVGを扱う方法は何が最適か試行錯誤してみました。
(Xcode 12.5, Deployment Target = iOS 12.0 と 13.0)

Devployment Target = 13.0 以降

ImageSetにSVGを直接登録して構いません。

1. Asset CatalogにImage Setを作成する。
2. Resizing Preserve Vector Dataにチェックする。
3. Scalesは Single Scaleにセットする。
4. SVGをAllにセットする。

(Dark Mode対応の場合)

Devployment Target = 12.0

残念ながらSVGをPDFに変換する必要があります。
そうしないと、画像がギザギザになってしまいます。
Figmaだと画像をPDFで保存できるので少し楽になりましたね。

1. Asset CatalogにImage Setを作成する。
2. Resizing Preserve Vector Dataにチェックする。
3. Scalesは Single Scaleにセットする。
4. PDFをAllにセットする。

SVG	PDF

---

それでは、”iOS15時代の〜”でお目にかかりましょう。