Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Best web based SVG WYSIWYG

I have a site that is in need of a drawing program. My users need to be able to draw floor plans and add text to these images. I'm wondering if anyone has come across a nice SVG WYSIWYG editor.

Otherwise I'm going to have to use a Flash or Java app which I'm not fond of.

like image 638
Chris Avatar asked Jan 11 '10 18:01

Chris


People also ask

Is SVG format good for web?

SVG is ideal for high quality images and can be scaled to ANY size. Many people choose file formats based on file size restrictions - adding pictures to your website that will load as quickly as possible to improve SEO, for example.

Which type of SVG is mostly preferred?

So as XML files, you can create and edit an SVG image with text editor, but generally drawing programs like inkspace are preferred to create it. SVG is mostly used for vector type diagrams like pie charts, 2-Dimensional graphs in an X,Y coordinate system etc.

Is HTML SVG still used?

It's taken a while, but SVG is now widely supported across all major browsers and devices. SVG files are super-small, searchable, modifiable – via code – and scalable. They look great at all sizes and can be used just like images or inline right in your HTML (creating a site but don't want to code?

Is boxy SVG free?

Boxy SVG is proprietary software. The web version is available under the subscription model with an option for team licensing. Desktop apps for Windows, macOS, and Chrome OS are distributed under a perpetual license. The version for Linux is free and has all features of its macOS and Windows counterparts.


2 Answers

The only one I know is svg-edit. It is not nearly as powerful or mature as editors like CKEditor, TinyMCE or FCKEditor are in their field of application, and it won't be as simple to implement, since it is more a script like a component, and finally I don't know how easy it is to customize it.

But I heavily doubt that there is something similar with more comfort.

You might have a try here or here (just to mention, won't work in Internet Explorer - although the site states that it would work if you have Chrome Frame installed but I can't confirm that).

Maybe you could tell us how far this meets your requirements ;-)

like image 113
Leo Avatar answered Sep 19 '22 02:09

Leo


One impressive example of a polished and very intuitive webbased "drawing" app is accidentsketch.com. Uses both svg and html.

like image 37
Erik Dahlström Avatar answered Sep 23 '22 02:09

Erik Dahlström