Skip to content

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

License

Notifications You must be signed in to change notification settings

lizhengzhou/wcsmapedit

 
 

Repository files navigation

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

进一步阅读和更多信息

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 92.1%
  • HTML 5.0%
  • CSS 2.3%
  • Other 0.6%