Draw on a webpage, save as image?

[UKSBD]

Does anything like this exist?

You have a blank canvas on a webpage, people can draw on it (similar to paint), they can then save (or upload) what they have drawn as a jpg (or similar)

Basically, just the same as using paint, saving, uploading but all done live from within the website.

 

[zigojacko]

Yes. It is possible, I just can't recall what website(s) it/they is/are.

 

[UKSBD]

I found this http://jsfiddle.net/ajTkP/12/ for drawing.

Can't find anywhere that allows you to draw and save/upload though.

It must be out there, just don't know what it would be called or what to search for to find it

 

[darlen78]

I have tried it but it did'nt worked....

 

[Dan Izzard]

Couple of options depending on what you are trying to achieve, you can take a snapshot of a window with snipping tool (which I think is built into Windows) which you can then annotate over the top.

Alternatively if you want video, it's worth checking out Camtasia which offers quite a few handy options. If you do use camtastia for video, it's worth changing your screen to a lower resolution to make things larger to the end viewer.

 

[RakeMark]

I was looking at capturing signatures for a customer. We trialled a couple of different ones but the customer went for dedicated signature pads.
http://www.supersignature.com/demo.aspx
http://www.realsignature.com/demo/default.aspx

The real signature demo saves a .png below the signature pad when you click submit. Its not paint but is a proof of concept

 

[UKSBD]

Thanks, that's the sort of thing.

Was wondering if there is a way of doing this in HTML5 and CSS yet
I see that realsignature one is 10 years old.

Surprised there are not more things like this (or perhaps there are but I don't really know what I am looking for)

 

[Faevilangel]

Not perfect but use Canvas2image js library with the code above, the only issue is if the click save then it doesn't save as a png but a file with no extension but you can right click on the image below and save as a png.

 

[RakeMark]

Surprised there are not more things like this

I think it might just be the kind of thing that is better suited to an app over web. People go to create something like this and find limitations that don't exist if your developing an app over a web app.

 

[Nuno]

Dumb post, sorry.

 

[Dmitry V.]

There is a service teamput.com but it is for the on-line collaboration and I'm not sure if it allows you to draw anything.