Bernie Cook's Blog

Azure, C#, .NET, Architecture & Related Tech News

SVG-edit – A Free, Web-Based, SVG Editor

1 Comment

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):

  1. Free-hand drawing
  2. Lines, Polylines
  3. Rects/Squares
  4. Ellipses/Circles
  5. Polygons/Curved Paths
  6. Stylable Text
  7. Raster Images
  8. Select/move/resize/rotate
  9. Undo/Redo
  10. Color/Gradient picker
  11. Group/ungroup
  12. Align
  13. Zoom
  14. Layers
  15. Convert Shapes to Path
  16. Wireframe Mode
  17. Save drawing to SVG
  18. Linear Gradient Picking
  19. View and Edit SVG Source
  20. UI Localization
  21. Resizable Canvas
  22. Change Background
  23. Draggable Dialogs
  24. Resizable UI (SVG icons)
  25. Open Local Files
  26. Import SVG into Drawing
  27. Connector lines and Arrows
  28. Plugin Architecture
  29. Smoother freehand paths
  30. Editing outside the canvas
  31. Increased support for SVG elements
  32. Add/edit Sub-paths
  33. Multiple path segment selection
  34. Support for foreign markup (MathML)
  35. Radial Gradients
  36. Configurable Options
  37. Eye-dropper tool
  38. Stroke linejoin and linecap
  39. Export to PNG

What Else…

Demos, screencasts, requirements, downloads, FAQs, etc. can be found on the SVG-edit home page.

Author: Bernie

I currently live and work in the UK, just outside of London. I've been working in IT for 15+ years and in that time have solved many technical problems via blogs, forums, tutorials etc. and feel like I should be giving something back. This blog post is my way of contributing and I hope it proves just as useful to others as their contributions have to me.

One thought on “SVG-edit – A Free, Web-Based, SVG Editor

  1. Reblogged this on quickgamer88 and commented:
    Will be testing this out soon and giving you what I think on it

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s