Saturday, November 4th, 2006

DRAW: Open source Ajax drawing tool

Category: Showcase

Fancy creating drawing on the web that can be saved as jpg/png/svg/pdf in addition to an editable format? Cumulate Labs has created an open source drawing tool called DRAW that lets you do the work online, and currently supports IE and Firefox.

Check out a demo to see the rich application.

DRAW

Posted by Dion Almaer at 8:36 am
37 Comments

++++-
4.1 rating from 59 votes

37 Comments »

Comments feed TrackBack URI

Very nice tool! Hopefully, they adjust the design so that it looks alot better. Now it just looks like they threw all together without thinking much about the appearance of the tool.

Still very cool!

Comment by Georges Jentgen — November 4, 2006

Doesn’t appear to work for me. Just gives me javascript errors: c has no properties. Firefox 1.5

Comment by Philip Tellis — November 4, 2006

[…] DRAW (Visto en Ajaxian) […]

Pingback by despuesdegoogle » Archivo del weblog » DRAW, un editor gráfico online con Ajax — November 4, 2006

Wow thats really cool. Few bugs in Opera but it seams to work ok.

Comment by Matt Oakes — November 4, 2006

I can’t add any text :(

Comment by Bart — November 4, 2006

Interesting, I’m biased but I still prefer Gliffy though. Sometimes Flash is just that much more powerful than Ajax *duck*.

m

Comment by Mike Cannon-Brookes — November 4, 2006

Bart, sorry to hear that, could you tell us what operating system/browser you are using. We currently support only IE 6+ and firefox 1.5+.
Can you also tell us what happens when you double click on a shape (to set text).
thanks!

Comment by cumulate_draw — November 4, 2006

tcegroikmm

pfxmmricc tbabgidpi bloqeciik gfjkbjpsts

Trackback by oruujqptwo — November 4, 2006

[…] | Draw Vía | Ajaxian Enviar a un amigo por E-mail | URI para TrackBack. Categoria: Software Libre, Web2.0 […]

Pingback by AccesoBit.com » Draw (Paint con ajax) — November 5, 2006

[…] | Draw Vía | Ajaxian Enviar a un amigo por E-mail | URI para TrackBack. Categoria: Servicios Web, Software Libre, Web2.0 […]

Pingback by AccesoBit.com » Draw, un editor gráfico online de código abierto — November 5, 2006

Just because you can do something doesn’t mean you should… Try rotating an object then scaling one of the sides. Very weird. Adding text isn’t very intuitive!

Comment by Anson — November 6, 2006

Hi. I’m only seeing left half of the shape pallete in Firefox 1.5.0.7 and
when my bookmarks open no shape pallete at all. Looks like potential to be a great tool.

Comment by Andy — November 6, 2006

Tekenen met Ajax

Fancy creating drawing on the web that can be saved as jpg/png/svg/pdf in addition to an editable format? Cumulate Labs has created an open source drawing tool called DRAW that lets you do the work online, and currently supports IE and FF.

Trackback by Tipt — November 6, 2006

Hi,
I got a javascript error on IE 7:

Line: 261
Char: 1
Error: ‘c’ is null or not an object
Code: 0
URL: http://www.cumulatelabs/draw/draw.html

Comment by Jobson — November 6, 2006

I forgot to say: the error happened when I selected Rectangle shape

Comment by Jobson — November 6, 2006

The server is running really slow, we’ve had a very busy weekend (>50,000) hits. WRT, sizing bug for rotated shapes. This is a known issue and will be addressed in future releases. We will also be adding a text tool in the next release.

Comment by cumulate_draw — November 6, 2006

Wow. Just wow.

Google, ready your checkbooks!

Comment by mdm-adph — November 6, 2006

[…] Sitio oficial cumulatelabs.com Fuente: ajaxian.com Archivado en General, Freeware | Trackback | Top Of Page […]

Pingback by DRAW: Herramienta de dibujo Open source Ajax-Empresario — November 6, 2006

Very nice, nice work. Useful tool that is easy to use.

Comment by kman — November 6, 2006

This is a great program that I hope the expand upon and make available to everyone. Being able to add images in addition to text as well as having Rich Text so you can have hyperlinks would be great also.

Jim
INFOMINDSOLUTIONS
http://www.infomindsolutions.com

Comment by James Schilling — November 6, 2006

Does not quite work with Firefox 1.5.0.7 however here.

Comment by Peter Pilgrim — November 6, 2006

lusktq

tdvcnlfne bqokexrnmm jwekctpyvm ghnntva

Trackback by zlophbwis — November 6, 2006

Cumulate Draw

Cumulate Draw: Neat JavaScript-based drawing/flowchart tool… background info here. I’m in Firefox 1.5 and had some of the support issues reported by others, but it’s an impressive piece of scripting, check it out. Interesting bit on saving drawing …

Trackback by JD on EP — November 6, 2006

Cool.. Thanks..

Comment by Michael Sync — November 7, 2006

Wow …. Cooooooooooooooooooooooooool !!!

Comment by Pizza Garnie — November 7, 2006

This is freaking cool. First one that actually worked and no bugs so far. The ZOHO one was soooo buggy in FF 2.0.

Comment by Simon Jia — November 7, 2006

wow, this is awsome …

have you seen anything like it made using flash ?

Comment by Pirahna — November 8, 2006

Nince.
Need geometry snapping, DXF/DWG export, and dimensioning function.

Comment by FXYZ — November 15, 2006

This is very neat indeed. Works fine for me. Does the tool support server side functionality, i.e. can it be used as a capture tool if you want users to send you sketches (say I want to invite people to submit cartoons or circuit diagrams for a contest on my website)? Something like a button to “submit” that initiates a PHP script that saves the SVG in a MySQL database.

Venkat

Comment by Venkat — December 7, 2006

Venkat,
cumulate draw always sends the data to the server when you hit save for image processing. You can pick up this data and put this into a database. Please see the source section of the website to download the source.

Comment by cumulate_draw — December 8, 2006

worth a look: Open-jACOB Draw2D

http://www.openjacob.org/draw2d.html

Javascript for Browser based Vision like applications.

Greetings

Andreas

Comment by andreas herz — January 25, 2007

I dont know nothing about ajax

Comment by all digi — March 1, 2007

good stuff…

1. when doing flowcharts, the lines don’t really seem to “connect” to the boxes, so that if you want to move the box, the line will stay connected to it.

2. “nested diagrams” – You should be able to start out with a high level flow chart. double-clicking or something like that on a box should take you to a more detailed diagram with a flow chart detailing the activities of that box….you should be able to go back to the more general diagram as well.

3. Would be nice to save as actual html pages with an area on the page that lists each box and allowed you to turn it into a hyperlink. Myabe you could still just save it as a jpg wrapped in an html page that has all the hotspots figured out for you…Trying to think of a good way to have it ready to integrate with bug tracking and wiki programs like trac :-)

Comment by joe — April 27, 2007

Is it possible to make some interpretaiion out of the diagram , I draw with this tool?
Say If I draw a tree, can I have a representation in xml / json etc..

The tool looks wonderful though.. :-)

Comment by venkat — October 31, 2007

It is very nice indeed a great effort and it works great in firefox. Is there a way for me to access the source? If yes, please state how.

Best regards,
Majid

Comment by MBY — February 22, 2008

well, very nice. Can you please give me source code. thanks.
truongtinhaptech@gmail.com

Comment by truongtinh — August 4, 2008

Great tool. Is it possible to look at the source code. Many thanks

lawrencehughes@hotmail.com

Comment by lawrenceh — April 27, 2009

Leave a comment

You must be logged in to post a comment.