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/> 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:
-
-
<script src="swfobject.js" type="text/javascript"></script>
-
<script src="inputdraw.js" type="text/javascript"></script>
-
<div id="place"></div>
-
-
<input type="hidden" id="svgdraw" />
-
-
<script type="text/javascript">
-
new InputDraw("inputdraw.free-non-commercial.1.3.swf", "place",
-
{id:"svgdraw", width:"300", height:"300", animation:60, background_image:"/images/backgrounds/minorca_beach.jpg"});
-
</script>
-
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.
4.3 rating from 28 votes
Interesting though not very accessible captcha solution. Nice one!
Amazing! This is going to be fun :)
I think Microsoft are aiming at something similar with the ink support in Silverlight. Time will tell how that works out eh.
Awesome! I have searched for software that do it! great :]
very nice
Hi,
You might also want to check out Tutor vista ’s white-board application.
~ R
I’m planning to use inputDraw as a freehand drawing widget on my font image generator site. It serves as a front-end to ImageMagick.
Here is the demo site. http://www.interactimage.com/4alpha1_index.php
To use it, click the create button to make a foreground image and then click the freehand draw button on the toolbar. Draw something onto the original image and click the merge button. Note that the ImageMagick bug will be evident in the resulting image. (curved paths will be filled with black and all lines are opaque even when set to some semi-transparent value)
All thats left to do is wait for the next release of ImageMagick to fix bugs related to reading SVG files and it will be released.
~Jeff