3DP : 讓 skyfont 的 SVG 檔案可以匯入 Tinkercad

Tinkercad 是一個易上手的 3D 建模工具，不用安裝，透過網站上簡單的工具來加加減減，即可完成 3D 模型，還能讓我們下載檔案供  3D printer 的切片軟體切片後列印。美中不足的是想加中文字，必須用匯入 SVG 格式圖片的方式。之前都用 Inkscape 來製作中文字，還是覺得不是很方便。還用過一個名為 skyfont (天空字體) 的網站，它可以快速的產出我們要的 SVG 檔案，不過，在 Tinkercad 中匯入後卻只看得見一個四邊形，中文字完全消失了。

這兩天在研究怎麼用 SVG 檔案轉成給雷雕機用的 G-codes，不得不去了解 SVG 格式，試啊試的，居然找到 skyfont 匯出的 SVG 檔無法應用在 Tinkercad 的的原因了。Tinkercad 解譯完的 SVG 檔，將 skyfont 原來放在底層的背景四邊形提到最上層，將所有的中文字都覆蓋了，我們才會看不到字。所以解決的方法就是將四邊形去掉，其實我們原本就是只要中文字就好，沒事加底座反而礙事。

以純文字編輯軟體開啟由 skyfont 下載回來的 SVG 檔案，找到畫四邊形「<rect fill= ......」語法那行，及前後兩個群組用的標籤，將三行語法刪除，儲存好的檔案即可匯入 Tinkercad 中應用了。

5~7行為畫四邊形的語法，刪除這三行

哈～雖然只要刪除三行，有沒有更簡單的方法呢？找資料、刪資料是電腦的長項啊～就來試試看底下這個吧！選擇一個 skyfont 下載回來的 SVG 檔，按一下「讀取檔案」，程式幫忙處理掉畫四邊形的三行指令後，再將檔案另儲存一下，新的檔案應該就可以正常在 Tinkercad 中使用了。

相關網站

• Tinkercad ( https://www.tinkercad.com )
• skyfont 天空字型 ( http://www.skyfont.com/ )
• Inkscape ( https://inkscape.org/ )

參考資料

• Reading files in JavaScript using the File APIs
  ( http://www.html5rocks.com/en/tutorials/file/dndfiles/ )
• How to Encode and Decode Strings with Base64 in JavaScript
  ( https://scotch.io/quick-tips/how-to-encode-and-decode-strings-with-base64-in-javascript )