Go to file
Brett Zamir 4dbfe81163 - Fix installation step 2018-05-26 23:54:57 +08:00
build/tools (INCOMPLETE: ES6 Module conversion and linting) 2018-05-22 18:02:57 +08:00
chrome-app (INCOMPLETE: ES6 Module conversion and linting) 2018-05-22 18:02:57 +08:00
clipart Reidentify all elements imported into the drawing. Add tests for it. 2010-02-22 00:56:19 +00:00
dist - Refactoring: Clean-up 2018-05-25 22:43:01 +08:00
docs - Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); 2018-05-25 20:03:14 +08:00
editor - Refactoring: Clean-up 2018-05-25 22:43:01 +08:00
examples - Linting (ESLint): Use two spaces for indent 2018-05-18 14:05:52 +08:00
firefox-extension (INCOMPLETE: ES6 Module conversion and linting) 2018-05-22 18:02:57 +08:00
opera-widget (INCOMPLETE: ES6 Module conversion and linting) 2018-05-22 18:02:57 +08:00
screencasts (INCOMPLETE: ES6 Module conversion and linting) 2018-05-22 18:02:57 +08:00
test - Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); 2018-05-25 20:03:14 +08:00
.babelrc - Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); 2018-05-25 20:03:14 +08:00
.eslintignore - Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); 2018-05-25 20:03:14 +08:00
.eslintrc - Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); 2018-05-25 20:03:14 +08:00
.gitignore - Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); 2018-05-25 20:03:14 +08:00
.npmignore - npmignore: Allow `docs` 2018-05-26 11:23:34 +08:00
.remarkrc - Linting (HTML): Use double-quotes for attributes, remove redundant `type=text/css`, 2018-05-13 09:58:13 +08:00
AUTHORS - Linting (HTML): Use double-quotes for attributes, remove redundant `type=text/css`, 2018-05-13 09:58:13 +08:00
CHANGES.md - Docs: Add to CHANGES (and change prior list formatting) 2018-05-25 21:26:53 +08:00
LICENSE-MIT.txt - Linting (HTML): Use double-quotes for attributes, remove redundant `type=text/css`, 2018-05-13 09:58:13 +08:00
Makefile Added new files to Makefile. Added underscores to private members in HistoryRecordingService. 2016-05-02 12:27:53 -04:00
README.md - Fix installation step 2018-05-26 23:54:57 +08:00
build-html.js - Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); 2018-05-25 20:03:14 +08:00
composer.json - Linting (HTML): Use double-quotes for attributes, remove redundant `type=text/css`, 2018-05-13 09:58:13 +08:00
package-lock.json - Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); 2018-05-25 20:03:14 +08:00
package.json - Docs: Add to CHANGES (and change prior list formatting) 2018-05-25 21:26:53 +08:00
rollup-config.config.js - Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); 2018-05-25 20:03:14 +08:00
rollup.config.js - Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); 2018-05-25 20:03:14 +08:00
svgedit-config-sample-es.js - Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); 2018-05-25 20:03:14 +08:00

README.md

alt text SVG-edit

SVG-edit is a fast, web-based, javascript-driven SVG drawing editor that works in any modern browser.

Demo

Try SVG-edit here

(Also available as a download in releases).

Installation

  1. npm i svgedit
  2. Copy svgedit-config-sample-es.js (in project root) to svgedit-config-es.js.
  3. This will enable svg-editor-es.html to work, an HTML file directly using ES6 modules. Note that this file only works on modern browsers. The config file now imports the SVG edit code, minimizing the scripts that need to be referenced in the HTML file.
  4. Run npm run build-config to also build a rolled-up, Babelified, non-ES Modules (IIFE) JavaScript file which will allow svg-editor.html to work, a file which does not rely on ES6 Modules support.
  5. If you wish to make changes to the HTML, modify svg-editor-es.html and then run npm run build-html to have the changes properly copied to svg-editor.html.

Recent news

  • 2018-05-26 Published 3.0.0-alpha.2 with ES6 Modules support
  • 2017-07 Added to Packagist: https://packagist.org/packages/svg-edit/svgedit
  • 2015-12-02 SVG-edit 2.8.1 was released.
  • 2015-11-24 SVG-edit 2.8 was released.
  • 2015-11-24 Code, issue tracking, and docs are being moved to github (previously code.google.com).
  • 2014-04-17 2.7 and stable branches updated to reflect 2.7.1 important bug fixes for the embedded editor.
  • 2014-04-07 SVG-edit 2.7 was released.
  • 2013-01-15 SVG-edit 2.6 was released.

Videos

Supported browsers

The following browsers had been tested for 2.6 or earlier and will probably continue to work with 2.8.

  • Firefox 1.5+
  • Opera 9.50+
  • Safari 4+
  • Chrome 1+
  • IE 9+ and Edge

Further reading and more information