Google Code is hosting a free SVG editor aptly titled: SVG-edit. It runs in your browser (granted you’re running a recent version of Chrome, IE, Firefox, Safari or Opera) and it’s loaded with features (see below).
Although you can’t use it to create SVG animations it does just about everything else you’d want from an SVG tool. And switching between the visual editor view and source code view can prove useful if you want to quickly generate some HTML5 SVG source code without having to write it from scratch.
If you’re running one of the “big 5″ then you can get started with SVG-edit right now via the demo page.
SVG-edit Features
The following features were taken from the SVG-edit home page (as of December 2011):
- 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
What Else…
Demos, screencasts, requirements, downloads, FAQs, etc. can be found on the SVG-edit home page.
