SVG-edit 是一个快速的、基于 Web 的、由 JavaScript 驱动的 SVG 绘图编辑器

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

安装

快速安装

1. 克隆或复制存储库内容
2. 运行npm i以安装依赖项
3. 运行npm run start以启动本地服务器
4. 使用浏览器访问 http://localhost:8000/src/editor/index.html

将 SVGEdit 集成到您自己的应用程序中

V7 正在显着改变集成和定制 SVG-Edit 的方式。您可以查看 index.html 以了解如何将 div 元素插入 HTML 代码并将编辑器注入 div。

SVG-Edit 由两个主要组件组成：

1. 负责底层 svg 版本的“svgcanvas”。它可用于构建您自己的编辑器。请参阅 demos 文件夹或 svg-edit-react 存储库中的示例。
2. 负责编辑器 UI（菜单、按钮等）的“编辑器”