SVG-edit is a web-based, JavaScript

JavaScript

JavaScript is a prototype-based scripting language that is dynamic, weakly typed and has first-class functions. It is a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles....

-driven SVG editor that works in any modern browser

Web browser

A web browser is a software application for retrieving, presenting, and traversing information resources on the World Wide Web. An information resource is identified by a Uniform Resource Identifier and may be a web page, image, video, or other piece of content...

:

• Firefox 1.5+
• Opera
  Opera (web browser)
  Opera is a web browser and Internet suite developed by Opera Software with over 200 million users worldwide. The browser handles common Internet-related tasks such as displaying web sites, sending and receiving e-mail messages, managing contacts, chatting on IRC, downloading files via BitTorrent,...
  
   9.50+
• Safari
  Safari (web browser)
  Safari is a web browser developed by Apple Inc. and included with the Mac OS X and iOS operating systems. First released as a public beta on January 7, 2003 on the company's Mac OS X operating system, it became Apple's default browser beginning with Mac OS X v10.3 "Panther". Safari is also the...
  
   4+
• Chrome
  Google Chrome
  Google Chrome is a web browser developed by Google that uses the WebKit layout engine. It was first released as a beta version for Microsoft Windows on September 2, 2008, and the public stable release was on December 11, 2008. The name is derived from the graphical user interface frame, or...
  
   1+
• Internet Explorer
  Internet Explorer
  Windows Internet Explorer is a series of graphical web browsers developed by Microsoft and included as part of the Microsoft Windows line of operating systems, starting in 1995. It was first released as part of the add-on package Plus! for Windows 95 that year...
  
   6+ (with the Chrome Frame plugin)

It has also been made into browser addons, such as an addon for Firefox, a Chrome App and a standalone widget for Opera.

Version history

SVG-edit was first announced by Narendra Sisodiya on 6 Feb 2009 in its minimal version. Version 2.0 was developed by Pavol Rusnak and released on 3 June 2009. The current stable release is 2.5.

Features

Features in current stable release

• 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)
• Open Local Files (Fx 3.6 only)
• Import SVG into Drawing (Fx 3.6 only)
• Connector lines and Arrows
• Plugin Architecture
• Editing outside the canvas
• Add/edit Sub-paths
• Multiple path segment selection
• Support for foreign markup (MathML)
• Radial Gradients
• Configurable Options
• Eye-dropper tool
• Stroke linejoin and linecap
• Export to PNG

Components

SVG-edit consists of two major components: svg-editor.js and svgcanvas.js. These components work cooperatively.
File svgcanvas.js can be used outside of SVG-edit, allowing developers to create alternative interfaces to the canvas.
Do not confuse this term with HTML5 Canvas element, canvas is a drawing area (div) here.

External links

• SVG-edit
• SVG-edit announcement
• Review of 2.4 release
• Site Point Review of version 2.4
• Ajaxian.com Review of SVG-edit version 2.4
• YouTube video introducing SVG-edit
• SVG-Edit: A Cross-Browser SVG Editor in JavaScript
• A small introduction to SVG-edit