※ 260525 大幅度改版，新增範本功能，讓你可以直接套用，不用在一個一個畫物件、物件樣式新增多種顏色可直接套用、新增節點、關係線，讓物件自動串聯、新增多種熱鍵、讓你快速呼叫啦！

最近要改教案，以前是使用 SVG 存檔，結果網路上的工具，要不就不能正確顯示封裝字型，要不就是一堆廣告，要付費。 於是，大叔我決定再造一次輪子吧。

如果你需要快速處理向量圖檔，但又不想開啟複雜的專業軟體，這款「SVG 線上編輯器」或許能幫上忙！

這款工具的特點：

免安裝，隨開隨用： 打開瀏覽器即可進行 SVG 編輯與調整。

極簡介面： 捨棄繁雜選項，專注於最重要的編輯功能，大幅提升工作效率。

直覺操作： 特別適合需要快速修改、預覽向量路徑或優化 SVG 結構的設計師。

使用重點： SVG 因為是封裝檔，所以如果要編修圖形需要解封裝，在調整頁，找到【拆解匯入】：即可將之拆解為可編輯物件（rect / ellipse / path / text）。 當都搞定編修後，使用【對齊文字至圖形】，會一鍵自動將每個文字對齊到其所在的形狀內部，必要時自動縮小字級確保完整顯示。

如果你也喜歡這種輕量化、即時預覽的開發風格，歡迎使用看看！

※ 請注意，此軟體雖然其他圖檔也可載入，但設計主要是針對 SVG 編輯阿～～～

大叔在使用沒遇到問題，不過這軟體，從發想、設計SDD，到產出只花了3小時，可能有些功能還是沒寫好啦 😆 如果有發覺錯誤，請回報給我喔，我在進行修正！

下一版會更新一些常用範本進去，這樣可以直接套用。

傳送門在樓下！👇

※ 歡迎追蹤我，觀看更多小工具分享

#AI應用 #WebDesign #SVG #Frontend #VibeCoding #霍家私塾 #大叔愛說笑 #霍のAI腦洞實驗室