SVG-edit
SVG-edit is a fast, web-based, javascript-driven SVG drawing editor that works in any modern browser.
Demo
(Also available as a download in releases).
Installation
Note that steps 1-2 below are only necessary if you wish to integrate
SVG-edit into your own npm package; otherwise, you can skip those steps
and instead of looking within node_modules/svgedit
, look within your
copy of the svgedit Git repo.
- Set up an npm package of your own:
npm init
(complete the fields). - Install SVG-edit into your package:
npm i svgedit
- Copy
svgedit-config-sample-es.js
(in the SVG-edit project root;
see node_modules/svgedit
) to svgedit-config-es.js
. - 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. - 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, follow these steps: - Run
npm install
within the node_modules/svgedit
directory to
install the build tools for SVG-edit. - Run
npm run build-config
within the node_modules/svgedit
directory. - 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