SVG-Edit

This module allows you to use svg-edit to create SVG files and then do a number of things with them. You can save them as a PNG and display it as an image, allows user to create their own drawings and submit them to a gallery, and anything svg-edit allows you to do!

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

Firefox 1.5+
Opera 9.50+
Safari 4+
Chrome 1+
IE 6+ (with the Chrome Frame plugin, native IE9 support in 2.6)

SVG-edit is an online vector graphics editor that uses only JS, HTML5, 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)
• Open Local Files
• Import SVG into Drawing
• Connector lines and Arrows
• Plugin Architecture
• 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
• Configurable Options
• Eye-dropper tool
• Stroke linejoin and linecap
• Export to PNG