Stories

Detail Return Return

svg轉字體文件部分線條缺失 - Stories Detail

問題:

ui給的svg是這樣的:
image.png
上傳到iconmoon之後轉換出來的圖標是這樣的:
image.png
可以看到中間的A字缺失了一部分

解決過程:

以為是A字識別不出來,於是在其他地方找了一個帶有A的svgimage.png,上傳到iconmoon查看轉換後的圖標是image.png,A並沒有缺失,猜測是svg源碼的問題導致iconmmon轉換時有問題。
查看沒問題的svg源碼如下:
image.png
查看有問題的svg源碼如下:
image.png
發現問題:
沒問題的svg的path是一個,有問題的svg的path是多個,嘗試把有問題的path合併成一個,合併之後打開查看,發現圖標如下:
image.png
這不就是轉換出來的字體圖標嗎?
只要找到這個缺失的代碼補上就行了。
通過調試,發現第二行就是缺失的橫線,在path前面補上第二行的path的值就可以了。
上傳到iconmmon驗證:
image.png
驗證成功!

Add a new Comments

Some HTML is okay.