Activate your free membership today | Log-in

Wednesday, August 1st, 2007

InputDraw: Allow Drawing in Forms

Category: Component, Flash, SVG

Ever wanted to let your users draw in a form field?

InputDraw in Action

<InputDraw/> lets you do just that, saving the results as SVG for you to include in a form field. It's based on Flash and is easy to use:

HTML:
  1.  
  2. <script src="swfobject.js" type="text/javascript"></script>
  3. <script src="inputdraw.js" type="text/javascript"></script>
  4. <div id="place"></div>
  5.  
  6. <input type="hidden" id="svgdraw" />
  7.  
  8. <script type="text/javascript">
  9. new InputDraw("inputdraw.free-non-commercial.1.3.swf", "place",
  10.         {id:"svgdraw", width:"300", height:"300", animation:60, background_image:"/images/backgrounds/minorca_beach.jpg"});
  11. </script>
  12.  

The project also includes an SVG viewer. We're told that:

version 1.0 has more than 1000 real downloads and it is used in a lot of
funny websites and medical web applications.

Posted by Ben Galbraith at 7:00 am

++++-
4.3 rating from 27 votes

6 Comments »

Comments feed TrackBack URI

Interesting though not very accessible captcha solution. Nice one!

Comment by .mario — August 1, 2007

Amazing! This is going to be fun :)

Comment by Калоян К. Цветков — August 1, 2007

I think Microsoft are aiming at something similar with the ink support in Silverlight. Time will tell how that works out eh.

Comment by Steve Elbows — August 1, 2007

Awesome! I have searched for software that do it! great :]

Comment by Nir Tayeb — August 1, 2007

very nice

Comment by justin — August 1, 2007

Hi,
You might also want to check out Tutor vista ’s white-board application.

~ R

Comment by Rob — August 2, 2007

Leave a comment

You must be logged in to post a comment.