SVG-edit是一个快速的,基于Web的,javascript驱动的SVG绘图编辑器,适用于任何现代浏览器。
你也可以尝试 预发布版本 (或者 ES6-模块打包 版本, 适应最新浏览器).
请注意,只有在您希望集成SVG-edit到你自己的npm包中时,才需要执行以下1-2步骤;
否则,您可以跳过这些步骤到svgedit Git拷贝中操作,而不是
node_modules/svgedit
目录。
-
初始化npm包安装环境:
npm init
(填写引号中内容). -
安装SVG-edit包到你的项目中:
npm i svgedit
-
复制
svgedit-config-sample-es.js
(在SVG-edit项目根目录; 查看node_modules/svgedit
) 重命名为svgedit-config-es.js
. -
这将使
svg-editor-es.html
能够通过ES6模块直接运行HTML文件。 请注意,此方式仅适用于现代浏览器。HTML文件会引用创建的js配置文件。 -
如果你还是想创建一个rolled-up,Babelified的, 允许
svg-editor.html
工作的非ES模块(IIFE), 一个不依赖于ES6模块支持的JavaScript文件,请按照下列步骤操作: -
在目录
node_modules/svgedit
下运行npm install
安装SVG-edit构建工具 . -
在
node_modules/svgedit
目录中运行npm run build-config
指令. -
如果您想对HTML进行更改,请修改
svg-editor-es.html
, 然后运行npm run build-html
将更改复制到SVG-editor.html
。
- 2018-05-26 发布 SVG-edit 3.0.0-alpha.2,支持ES6模块
- 2017-07 添加到Packagist: https://packagist.org/packages/svg-edit/svgedit
- 2015-12-02 发布 SVG-edit 2.8.1.
- 2015-11-24 发布 SVG-edit 2.8.
- 2015-11-24 代码,问题跟踪和文档正在转移到github上 (之前在 code.google.com).
- 2014-04-17 稳定分支2.7更新,修复嵌入式编辑器的2.7.1版本重要错误。
- 2014-04-07 发布 SVG-edit 2.7.
- 2013-01-15 发布 SVG-edit 2.6.
以下浏览器已经经过2.6或更早版本的测试,版本2.8基本也可以正常使用。
- Firefox 1.5+
- Opera 9.50+
- Safari 4+
- Chrome 1+
- IE 9+ and Edge
- 参考 doc 目录查看文档. 查看最新版本的JSDocs文档.
- 致谢 列出了svg-edit中使用的开源项目.
- 查看 作者清单.
- Stackoverflow 组.
- 加入 svg-edit 邮件列表.
- 加入我们
#svg-edit
在freenode.net
(或者用 网页客户端).