My favorites | Sign in
Logo
                

Introduction

SVG-edit is a lightweight, 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 the ONLINE DEMO of the latest stable version (2.3).

For the adventurous ones, access the DEMO of 2.4 ALPHA (not polished).

If you are really curious you might want to try the trunk build (however, this may be broken/unstable).

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
  • Line tool
  • Rect/Square tool
  • Ellipse/Circle tool
  • Text tool
  • Color palette/picker
  • Save drawing to SVG
  • Select/drag/resize elements
  • Multiselect Elements
  • Undo/Redo
  • Rotate tool
  • Polygon/Polyline Editing
  • Linear Gradient Picking
  • View and Edit SVG Source
  • Clone tool
  • Align tool
  • Firefox extension (download)
  • Opera widget (download)
  • Google Wave gadget
New in 2.4 Arbelos:
  • Raster Images
  • Group/Ungroup
  • Zoom
  • Layers
  • Curved Paths
  • UI Localization
  • Wireframe Mode
  • Change Background
  • Draggable Dialogs
  • Resizable UI (SVG icons)

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 for people who are new to the project and submit a patch.

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

Further Reading

Around The Web









Hosted by Google Code