Go to file
JFH 14e5008b88 Update scenario7.js.snap 2022-01-04 23:54:29 -03:00
.github github ci activated on pr 2021-05-18 14:08:41 +02:00
archive remove connector for side effect on arrow 2021-10-19 00:25:47 +02:00
badges restore 2 tests and fix snapshot 2021-05-31 00:10:26 +02:00
cypress Update scenario7.js.snap 2022-01-04 23:54:29 -03:00
demos move to standard linter for simpler configuration 2021-12-28 11:02:29 -03:00
docs move to standard linter for simpler configuration 2021-12-28 11:02:29 -03:00
src fix issue with PolyStar 2022-01-04 18:03:08 -03:00
.editorconfig - Docs: Update testing info; update CHANGES 2020-02-20 12:31:06 +08:00
.gitignore move to standard linter for simpler configuration 2021-12-28 11:02:29 -03:00
.npmignore move to standard linter for simpler configuration 2021-12-28 11:02:29 -03:00
AUTHORS minor adjustments for release 2021-11-08 10:13:55 +01:00
CHANGES.md 7.1.1 2022-01-01 22:28:01 -03:00
CODE_OF_CONDUCT.md prepare requirements for netlify 2020-09-13 12:44:35 +02:00
FUNDING.yml - Add name to FUNDING.yml 2020-09-17 10:28:36 +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
README.md fix 692 and some refactoring 2022-01-03 17:23:06 -03:00
babel.config.json update dependencies 2021-11-01 20:27:52 +01:00
composer.json minor adjustments for release 2021-11-08 10:13:55 +01:00
cypress.json remove mocha reports (cypress coverage sufficient) 2021-07-25 21:21:54 +02:00
lgtm.yml fix several configuration issue and linter 2021-05-19 23:09:40 +02:00
licenseInfo.json #104 deparam changed ref: https://www.sitepoint.com/get-url-parameters-with-javascript/ 2021-05-27 14:17:01 +05:30
netlify.toml build master with netlify 2021-05-09 22:57:43 +02:00
nyc.config.js move to standard linter for simpler configuration 2021-12-28 11:02:29 -03:00
package-lock.json 7.1.1 2022-01-01 22:28:01 -03:00
package.json 7.1.1 2022-01-01 22:28:01 -03:00
rollup.config.js move to standard linter for simpler configuration 2021-12-28 11:02:29 -03:00
web-dev-server.config.mjs move to standard linter for simpler configuration 2021-12-28 11:02:29 -03:00

README.md

SVGEdit

npm Dependencies devDependencies

Tests badge Coverage badge

Known Vulnerabilities Total Alerts Code Quality: Javascript

issuehunt-to-marktext

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

screenshot

Contributions

SVGEdit is the most popular open source SVG editor. It was started more than 10 years ago by a fantastic team of developers. Unfortunately, the product was not maintained for a quite long period. We decided to give this tool a new life by refreshing many aspects. Please let us know with an issue or a discussions if you wish to contribute.

Demo

Thanks to Netlify, you can test the following builds:

Try SVGEdit 7.1.x here

Try SVGEdit 5.1.0 here

Try SVGEdit 6.1.0 here

Additional tip: you may try a version released on NPM using unpkg for example with version 7.1.0: https://unpkg.com/svgedit@7.1.0/dist/editor/index.html

Prior V7 for example with version 3.2.0: https://unpkg.com/svgedit@3.2.0/editor/svg-editor.html

Installation

Quick install

  1. Clone or copy the repository contents
  2. run npm i to install dependencies
  3. run npm run start to start a local server
  4. Use your browser to access http://localhost:8000/src/editor/index.html

Integrating SVGEdit into your own application

V7 is changing significantly the way to integrate and customize SVG-Edit. You can have a look to index.html to see how you can insert a div element into your HTML code and inject the editor into the div.

SVG-Edit is made of two major components:

  1. The "svgcanvas" that takes care of the underlying svg edition. It can be used to build your own editor. See example in the demos folder or the svg-edit-react repository.
  2. The "editor" that takes care of the editor UI (menus, buttons, etc.)

For earlier versions of SVGEdit, please look in their respective branches.

Supported browsers

Developments and Continuous Integration are done with a **Chrome** environment. Chrome, FireFox and Safari recent versions are supported (in the meaning that we will try to fix bugs for these browsers).
Support for old browsers may require to use an older version of the package. However, please open an issue if you need support for a specific version of your browser so the project team can decide if we should support with the latest version.

Further reading and more information

Hosting

SVGedit versions are deployed to: Deploys by Netlify