svg-edit at


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

Firefox 1.5+
Safari 4+
IE 6+ (with the Chrome Frame plugin, native support in 2.6)
This editor depends on many other open-source projects. Acknowledgements for details.

In browsers that support the W3C File API, this editor allows you to open local files.

The set of browsers in which this supported is: Firefox 3.6+, Chrome 6+, Safari 5+, and Opera 11.10+ (builds from 2011-04-05 onwards).


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

  • 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
[/zilla_one_third] [zilla_one_third]
  • 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)
  • Open Local Files
  • Import SVG into Drawing
  • Connector lines and Arrows
[/zilla_one_third] [zilla_one_third_last]
  • Smoother freehand paths
  • Editing outside the canvas
  • Increased support for SVG elements
  • Add/edit Sub-paths
  • Multiple path segment selection
  • Support for foreign markup (MathML)
  • Radial Gradients
  • Eye-dropper tool
  • Stroke linejoin and linecap
  • Export to PNG

Join the fun at

This introduces SVG-edit: a new, open-source vector graphics editor that works directly in modern web browsers using only open web technologies such as SVG, HTML, CSS and JavaScript.


Enhanced by Zemanta