視覺化 SVG Path 編輯器
可視化線上繪製 SVG Path 與貝茲曲線，提供直覺的鋼筆錨點工具，即時產生 CSS clip-path，並讓可愛的 Alpa 沿著路徑奔跑！
🎨 SVG 繪圖畫布 (500x500)
⚙️ 路徑設定與控制
📤 代碼匯出與同步
SVG Path d 屬性代碼
CSS clip-path 屬性
📖 SVG Path 繪製指南
點擊畫布可以新增錨點。在「選取/編輯」模式下，拖曳綠色的四葉草錨點可以移動節點位置；拖曳藍色的控制手把可以調整貝茲曲線的弧度。點擊「讓 Alpa 散步」即可利用 CSS offset-path 讓草泥馬沿著您畫的線條奔跑！完全純前端運行，保障您的創作安全與隱私。
