為什麼Sketch匯出的svg圖形匯入icomoon中成了黑方塊？

知乎使用者2014-04-13 18:55:28

謝邀！

首先sketch對SVG的匯出支援的還不是很完善，你可以看到其匯出的SVG檔案在Ai中開啟也是有問題的，因此如果你想要處理或者生成SVG的檔案，目前Ai仍是較好的選擇。

其次fill-rule是SVG的一個屬性，evenodd是該屬性的一個值，詳情：

fill-rule - SVG

，fill-rule 為evenodd指的是路徑較為複雜的SVG圖形，貌似Ai和sketch都不支援。

段羽2016-03-22 16:51:24

同樣遇到這個問題，那就是說在sketch裡做的圖示需要從新在AI裡再做一遍是嗎？

張璇2016-12-28 17:06:24

匯出的svg必須擴充套件之後再匯出

試試快捷鍵command＋shift＋o

svg不支援描邊 所有顏色必須是填充色塊

verychicinblue2017-03-14 14:52:45

實際上 Sketch 對於匯出向量檔案的支援度很高了。

將填充屬性選擇 Non-Zero（而非 Even-Odd）相容性更好，應該就可以解決你的問題。

Hans2017-03-24 11:12:04

遇到過這樣的問題。原因是因為sketch和ai的向量實現邏輯是有差異的。用下面這個圖來解釋一下

sketch實現的邏輯是透過向量蒙版，所以實際上環狀的路徑還是存在的，iconfont等一些圖示庫是不能識別向量蒙版的，所以會把環狀的路徑算進去，等於方塊上疊了一個環，導進去後看到的自然是一個純色塊。

ai實現的邏輯是向量加減（當然強大的ai也有向量蒙版），實現的是外圍的色塊加上內部的圓色塊，這種實現邏輯符合iconfont等圖示庫的技術原理。

其實iconfont在匯入svg的說明上也提到了建議使用ai軟體來製作。所以目前建議大家還是用ai做圖示。不過要吐槽的是，在ui方面，sketch讓我擺脫了笨重的ps，但是卻沒有讓我擺脫ai。。。還是離開不了adobe啊。希望sketch能早日完善sketch的向量功能。

不是大牛，僅供參考，歡迎交流。