SVG-edit 是一個快速的、基于 Web 的、由 JavaScript 驅動的 SVG 繪圖編輯器，可在任何現代瀏覽器中運行。

?

貢獻

SVGEdit 是最流行的開源 SVG 編輯器。它是 10 多年前由一個出色的開發人員團隊啟動的。不幸的是，該產品沒有維護很長時間。我們決定通過刷新許多方面來賦予這個工具新的生命。如果您想貢獻，請讓我們知道問題或討論。

演示

感謝Netlify，您可以測試以下構建：

在此處嘗試 SVGEdit 7.1.x

在這里嘗試 SVGEdit 5.1.0

在這里嘗試 SVGEdit 6.1.0

附加提示：您可以嘗試使用 unpkg 在 NPM 上發布的版本，例如版本 7.1.0：?https ://unpkg.com/svgedit@7.1.0/dist/editor/index.html

以前的 V7 例如版本 3.2.0：?https ://unpkg.com/svgedit@3.2.0/editor/svg-editor.html

安裝

快速安裝

克隆或復制存儲庫內容

運行npm i以安裝依賴項

運行npm run start以啟動本地服務器

使用瀏覽器訪問?http://localhost:8000/src/editor/index.html

將 SVGEdit 集成到您自己的應用程序中

V7 正在顯著改變集成和定制 SVG-Edit 的方式。您可以查看 index.html 以了解如何將 div 元素插入 HTML 代碼并將編輯器注入 div。

SVG-Edit 由兩個主要組件組成：

負責底層 svg 版本的“svgcanvas”。它可用于構建您自己的編輯器。請參閱 demos 文件夾或 svg-edit-react 存儲庫中的示例。

負責編輯器 UI（菜單、按鈕等）的“編輯器”

總結

以上是生活随笔為你收集整理的SVG-edit 是一个快速的、基于 Web 的、由 JavaScript 驱动的 SVG 绘图编辑器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。