SVG

2023-10-06 06:17| 来源: 网络整理| 查看: 265

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/[email protected]/dist/editor/index.html

以前的 V7 例如版本 3.2.0： https ://unpkg.com/[email protected]/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（菜单、按钮等）的“编辑器”

【本文地址】

今日新闻