| SVG-edit, a web based SVG editor |  (votes: 1, avg: 5.00)  Loading ... |
Last weekend I was looking for a nice in-browser SVG editor. I found some alternatives, but no one was close to my ideals. 
Most feature complete was SVG editor by Chris Peto, but it has complicated interface based on CGUI and is also pretty heavy.
Then I stumbled upon svg-edit by Narendra Sisodiya. It was rather raw and lots of features were missing, but then I sat down, started hacking and after few hours I created quite a long list of changes. When I sent them to Narendra, he was so kind that he made me an administrator of the project, so I was able to push all my changes into SVN trunk and to continue the work there.
Today I finished all changes I wanted to fix before the relase, so I can present you the 2.0 release of SVG-edit! You can try for yourself by clicking on the next picture (this is pointer to trunk development version, so it might get messy in time ):
During the development I was testing it in Firefox and Opera and I’m sure there will be some problems in other browsers. If you hit any, do not hesitate and write me an e-mail or even better use the issue tracker on the project site.
Also there are some features that are still missing, but they are planned (like adding text, more complicated shapes or selecting, moving, scaling, rotating objects) and I hope they will be added in the near future.
Hello,
Have you came across this one ?
http://blog.tiagocardoso.eu/mainada/comics-sketch/2008/11/12/flash-svg-editor-live-demo/
Best,
Tiago
@tiago cardoso
I have, but I wanted pure SVG+JavaScript solution that works in all browsers even without Flash installed.
Ok,
the main one that you mentioned is pretty cool and fast. It’s missing a lot of things yet, but seems to be in the right path.
Nice post.
I found the editor thanks to codedread and I think it’s pretty sweet. Granted I’m not really in to SVG like he is (my thing is XHTML) but I had a couple thoughts I wanted to share.
First I think that drawing and then exporting code is a great way for people to get in to coding SVG. When you can draw what you intend instead of guessing it with code it reduces the overall frustration of the learning process.
Also note that Gecko and Presto allow you to select the text in JavaScript alerts while Trident and WebKit do not. Granted this is a trivial issue as far as IE is concerned at the moment.
Still I really like the editor and I’m sure it’ll only get better with time. Good job!
@John A. Bilicki III
Alert is just for demoing purpose. Real implementation can override the handler and send SVG as an attachement to client or save the document on the server.
Hi Pavol,
Great beginning for svg-edit. I opened two minor issues and sent patches for them both.
Regards,
Jeff
@Jeff Schiller
Both applied to SVN. Thanks for the patches!
When I first heard about Google Chrome OS, I became worried because most of my day-to-day applications might not be able to be used in this near OS, so I began searching for the best alternatives.
Inkscape is one of these tools I quite often use. When I found SVG-edit, I though my search was over, until I tried it in my brand new Beta Google Chrome 4 for Linux. As I got understood, GCOS will be linux-based, so, if something don’t work on a Linux GC, it won’t either in the GCOS.
Searching for a better alternative, I came to stop here. And when I clicked on the image for curiosity: A Miracle: I works!
What is the difference? I hadn’t notice the truck version in the Demos section, and the 2.4 version still doesn’t work with Linux CG. Anyway, the project seems to be going on the right path, and I bet that when GCOS is finally released, this project is going to be one of the main apps used in the new Operative System. Keep on with this awesome web application!
@daPhyre
This is just a link to trunk (latest) version of SVG-edit. I used SVG-edit 2.4 in Chromium under Linux without problems, I don’t know what issues you have. But it’s fine to know that the bug got eventually fixed.
Hello,
I need an application like “I have a list of svg files in a web page. I want to edit them by SVG-EDIT on-the-fly. To do so I want to click on any of them and it opens with SVG-EDIT (having this svg file in Layer 1)”.
Please suggest me how to do it.
Regards,
@rafiq7s
Please use svg-edit discussion group for SVG-edit related questions: http://groups.google.com/group/svg-edit