This tool uses only JS, CSS, HTML and SVG.
It can generate the source code of the SVG or render it as an image file for later usage.
Here are some key features of "SVG-edit":
· Zoom
· Layers
· Convert Shapes to Path
· Wireframe Mode
· Save drawing to SVG
· Linear Gradient Picking
· View and Edit SVG Source
· 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
· UI Localization
· Resizable Canvas
· Change Background
· Draggable Dialogs
· Resizable UI (SVG icons)
· Open Local Files (Fx 3.6+, Chrome 6+ only)
· Import SVG into Drawing (Fx 3.6+, Chrome 6+ only)
· 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
Requirements:
· JavaScript enabled on client side
· jQuery 1.3.2 or higher
What's New in This Release: [ read full changelog ]
· Zoom
· Layers