使用SVG圖檔繪製UIBezierPath
Published in
3 min readAug 28, 2020
繼上次的在SwiftUI繪圖後，前陣子在youtube上看到有位工程師大大使用SVG圖檔完成圖示，當下覺得這超酷的！ 可惜當時有些地方有點不太懂，於是就先放著的。幸運的是最近剛好看到Peter大神有寫一篇SVG 變成 UIBezierPath的文章，使我可以體驗一下這整個製作的過程。
Peter大神的文章：
製作過程
準備一張SVG圖檔，接著點選右鍵開啟文字編輯。
開啟文字編輯後：
將viewBox內的文字複製到SVG轉換器的viewBox欄位，將path style=fill後的代碼（圖片中反白部分）複製到轉換器中的空白區內，接著就可以開始進行轉換。
我選擇的圖片中共有三個path style=fill代碼的部分，因此需要轉換三次才可以將完整的圖片繪製完成。
如果繪製後的圖案需要調整大小，可以透過scaledBy & translatedBy做微調。
心得
整個過程完成以後，除了覺得這方法很酷以外，還覺得：
附上以前辛苦繪製的作品：
