SVG-edit

SVG-edit

Web based SVG-editor
Developer(s)	SVG-edit Team
Initial release	February 6, 2009 (2009-Feb-06)
Stable release	2.7 / April 7, 2014 (2014-04-07)
Development status	Active
Written in	JavaScript
Operating system	Cross-platform
Platform	Web browser
Available in	Multilingual
Type	Vector graphics editor
License	MIT License (free software license)
Website	https://code.google.com/p/svg-edit/

SVG-edit is a vector graphics editor intended for users who need to do quick edits to existing Scalable Vector Graphics (SVG) images, all within their existing web browser, not requiring additional software installation.

Browsers supported

SVG-edit works in any modern browser:

Firefox 1.5+
Opera 9.50+
Safari 4+
Chrome 1+
Internet Explorer 6+ had been supported as of version 2.6 (with the Chrome Frame plugin) and may still work for some features, but only IE 9+ will be supported going forward^[1]

SVG-edit is a cross-browser web-based, JavaScript-driven web tool, and has also been made into browser addons, such as an addon for Firefox,^[2] a Chrome App ^[3] and a standalone widget for Opera.^[4] An experimental SVG editing extension to MediaWiki uses SVG-edit.^[5]

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.

Version history

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

Features

Scalable Vector Graphics
sXBL SVG Working Group SVG filter effects Precision Graphics Markup Language Vector Markup Language XHTML+MathML+SVG SVG animation Comparison of layout engines (SVG)

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

Vector graphics editors

Free and open-source	Embroidermodder Inkscape Ipe Karbon14 LibreOffice Draw sK1 Skencil SVG-edit Xfig

Proprietary	Adobe Illustrator Adobe FreeHand Adobe Fireworks CorelDRAW DrawPlus Microsoft Expression Design PhotoLine Xara Photo & Graphic Designer

Category Comparison

References

↑ "SVG-edit". Code.google.com. Retrieved 8 May 2014.
↑
↑ "Chrome Web Store - Vector Paint". Chrome.google.com. Retrieved 2012-10-25.
↑ "SVG Edit - Opera Widgets". Widgets.opera.com. Retrieved 2012-10-25.
↑ "Extension:SVGEdit". MediaWiki. 2012-09-01. Retrieved 2012-10-25.
↑ "TechFandu : Tips and Tricks in Computer: Online web based SVG Editor". Blog.narendrasisodiya.com. 2009-02-06. Retrieved 2010-06-25.
↑ "SVG-edit, a web based SVG editor". Stick.gk2.sk. 2009-06-03. Retrieved 2010-06-25.
↑ "Release of Version 2.7 - Google Groups". Groups.google.com. Retrieved 2014-04-08.