Help - Search - Members - Calendar
Full Version: Drawing in HTML
HTMLHelp Forums > Web Authoring > General Web Design
deeperthanrob
Hi all,

I have been looking for a solution for my website for some days now and still havent found a resolve so I am hoping you guys might be able to give me some ideas/pointers... ? biggrin.gif

Basically, I need the ability to allow people to draw a diagram on a webpage (mspaint style smile.gif ), i.e. a square, oblong, any shape really, add some measurements either in a text box etc and when all completed a submit button or similar which can then forward the details on to an email address.

I want to avoid people uploading/emailing attachments/diagrams if I can and have this freehand option on the site as I think it will generate more interest!!

Obviously I have researched this coming across a few ideas, Javascript scribble pads etc, but nothing specific to what I need with the ability to send the diagram...

Any ideas would be much appreciated, I am technically minded but worry that I might be out of my depth on this one!!

Thanks in advance,
Rob.

Beakers
It would either need to be JavaScript or Flash.

I'm not very JavaScript minded so not sure how it would work, but in Flash you would:

Create an app that allows the drawing you need, have flash flatten your stage contents via a convert to bmp, then convert it to a string to be sent to PHP which can then compile the string back into .jpg format and perform the email.

It's been about a year since I did something similar with a flash webcam app I made but I think that was how I made it.

So yes it is quite a complicated procedure, unless you can find a prebuilt app that does what you need and is easy to setup.

Iain
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.