My favorites ▼ | Sign in
Logo
Project hosting will be READ-ONLY Wednesday at 8am PST due to brief network maintenance.
Project Home
  
Downloads
  
Wiki
  
Issues
  
Source
    
Summary | Updates | People
Code license: Apache License 2.0
Content license: Creative Commons 3.0 BY-SA
Labels: svg, editor, javascript, browser, jquery, graphics, vector, inkscape, photoshop, illustrator, canvas, ajax, web
Feeds:
Groups:
People details
Project owners:
  rusnakp, codedread, adeveria
Project committers:
vidar.hokstad, Antimatter15, metaphorically, narendra.sisodiya, worms_...@yahoo.com
Project contributors:
Christian.Tzurcanu, jaap.blom

Introduction

SVG-edit is a fast, web-based, Javascript-driven SVG editor that works in any modern browser:

This editor depends on many other open-source projects. See Acknowledgements for details.

Demos

Try out SVG-edit 2.4, the latest stable release (Release notes).

For the adventurous ones, feel free to try out the trunk build, codenamed Bicorn (not guaranteed to be stable).

Features

SVG-edit is an online vector graphics editor that uses only JS, HTML, CSS and SVG (i.e. no server-side functionality). SVG-edit has the following features:

  • Free-hand drawing
  • Lines, Polylines
  • Rects/Squares
  • Ellipses/Circles
  • Polygons/Curved Paths
  • Stylable Text
  • Raster Images
  • Select/move/resize/rotate
  • Undo/Redo
  • Color/Gradient picker
  • Group/ungroup
  • Align
  • Zoom
  • Layers
  • Convert Shapes to Path
  • Wireframe Mode
  • Save drawing to SVG
  • Linear Gradient Picking
  • View and Edit SVG Source
  • UI Localization
  • Resizable Canvas
  • Change Background
  • Draggable Dialogs
  • Resizable UI (SVG icons)
New in 2.5 Bicorn:
  • Main Menu
  • Open Local Files (Firefox 3.6 only)
  • Arrows
  • Plugin Architecture
  • Smoother freehand paths
  • Increased support for SVG elements

SVG-edit works directly in the browser, but there are several side projects: A Firefox Add-on, an Opera Widget, a Google Wave Gadget.

Videos / Screencasts

Examples

Development/Discussion

Please join us on the #svg-edit channel at Freenode IRC (logs).

If you have done some HTML/JS/CSS programming before, look at this list of good first bugs and submit a patch.

We have started to document the developer API here: http://svg-edit.googlecode.com/svn/trunk/docs/index.html

We have started to gather some unit tests for SVG-edit here: http://svg-edit.googlecode.com/svn/trunk/test/test1.html

Further Reading

Projects That Use SVG-edit

Around The Web









Hosted by Google Code