/wcsmapedit

浏览器端功能强大的SVG图形编辑器——WCS系统地图编辑器

Primary LanguageJavaScriptMIT LicenseMIT

alt text SVG-edit

SVG-edit是一个快速的，基于Web的，javascript驱动的SVG绘图编辑器，适用于任何现代浏览器。

示例

点击尝试

(也可以在 发布版本)下载 .

你也可以尝试 预发布版本 (或者 ES6-模块打包 版本, 适应最新浏览器).

安装

请注意，只有在您希望集成SVG-edit到你自己的npm包中时，才需要执行以下1-2步骤; 否则，您可以跳过这些步骤到svgedit Git拷贝中操作，而不是 node_modules/svgedit目录。

  1. 初始化npm包安装环境: npm init (填写引号中内容).

  2. 安装SVG-edit包到你的项目中: npm i svgedit

  3. 复制 svgedit-config-sample-es.js (在SVG-edit项目根目录; 查看 node_modules/svgedit) 重命名为 svgedit-config-es.js.

  4. 这将使svg-editor-es.html能够通过ES6模块直接运行HTML文件。 请注意，此方式仅适用于现代浏览器。HTML文件会引用创建的js配置文件。

  5. 如果你还是想创建一个rolled-up，Babelified的， 允许svg-editor.html工作的非ES模块（IIFE）， 一个不依赖于ES6模块支持的JavaScript文件，请按照下列步骤操作：

  6. 在目录 node_modules/svgedit 下运行 npm install 安装SVG-edit构建工具 .

  7. 在node_modules/svgedit 目录中运行 npm run build-config 指令.

  8. 如果您想对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

进一步阅读和更多信息