InputDraw v1.5 Released. Drawing widget now with Javascript API!

InputDraw v1.5 Released. Drawing widget now with Javascript API!

Jan 15
InputDraw v1.5 Released. Drawing widget now with Javascript API!
Google Buzz

There we go, a new layout on the InputDraw site. Well, but that’s not the news.
We have a brand new version. Version 1.5. It tries to resolve some key points that most developers have being giving feedback about and wanted to be improved. This key points are: Design Customization, Simpler Licensing and Commercial version without watermarks (for “real” production stages).

So, here how we tried to resolved them:

Design Customization

Developers can now choose and set their own ‘undo’ and ‘clean’ icons as also the background colour of the stroke style tools. It is possible to disable any of these tools and icons making a more plain and simple widget.

Simpler Licensing

Ok, it’s 45 € .. couldn’t be more flat and simple. It’s a bit more expensive, but most buyers just seems not to getting their head around the old pricing. Oh.. and there is much more features now :)
Hmm.. for all you non-commercial projects,it’s still free of course!

InputDraw v1.5 screen (w 400)

Commercial Version for real Production

We did had such a low price because of the watermark. Using it as a marketing tool. Nevertheless, on the real world this is not possible for any Production Stage project that has serious ambition.
Now, while used on license domain, no watermark will appear. If you use it on any other domain, it will appear, but probably, in that case, the commercial license is being broken.

What else ? This version was rendered using flash v.8 and has potentially more horsepower. The drawing core of the widget was also changed in a great extend and will provide better results and response.

Javascript API

Ok, this would already be great, but we still have another surprise.. an API.. a Javascript API!
With the API, this is the first world widget that developers can interact using Javascript.
Developes can program their javascript classes to create or interact with drawing.
This API includes, setting svg content, adding paths, changing the stroke style, undo and clean the content.
Another cool feature is the hooking system of the API, you can set functions to work as callbacks to svg-content changes or new path drawn.
This will give all of us and incredible potential to generate new types of interactions.. here some examples of the top of my mind:

  • A recognition system, that recognizes the path, does undo and puts another path with what was recognized, like a circle, square, predefined figure, etc.. ;
  • Do the same but to invoce commands, like save, clear, zoom, etc.. You can now manipulate the svg scene as you like it;
  • Build a game, using a background to do puzzles or to draw the way out of an labyrinth. You can use the the content information to know it a wall was trespassed.
  • Finally, another example could be a some kind of fractal art that when ever you draw a line, a series of lines would be drawn.

Life is full of possibilities and InputDraw has some more now. Give it a try.. it’s free :)

13 comments

  1. Graham Simmonds

    Hi

    I am really sorry but I have been having no luck with version 1.5.

    I am trying to use it within an .aspx page and it does not work – I cannot see the background image and it also gives an undefined variable javascript error. I have gone back to 1.31 which has neither of these problems.

    Sorry Graham

  2. Hi Graham,

    There are still some problems with IE that I haven’t fixed. Does the same problem happens with Firefox ?

    By the way, the swfobject.js is completly different, I now use the latest version (two projects after.. eheh, they have being changing a lot) and version 1.5 doesn’t work with the old JS’s. Be sure to change them.

    Hope it helps.

  3. Matt

    Bug in 1.5 – ‘viewBox=’ is used in src_svg: etc. while ‘viewbox=’ is returned to the form field using id:. This confused the hell out of me for a while, and essentially breaks everything. Hopefully it can be fixed quickly in 1.5.1! ;)

  4. Hi Matt, thanks for the feedback.
    If you see the homepage of InputDraw, the textarea form field has “viewBox” on it. That is the svg that gets of off the widget and that goes into the thumbnail widget.
    So, I don’t understand here you see “viewbox”.
    But, if you try to use the javascript with inputdraw.AddSvg(‘…’), you will see that both “viewBox” and “viewbox” work fine.

    Maybe I didn’t understand :( .. could you help me ?

  5. Matt

    Hi T
    Sorry for the confusion- the ‘viewbox’ is text in the svg text that is generated and placed in the textarea in the form. It works find when I recreate the an InputDraw object using :id. I wasn’t using inputdraw.AddSvg(’…’), just creating a viewer and using :src_svg, and pointing it at the generated svg text, this wasn’t (and isn’t) working. However, when I use a regex to replace ‘viewbox’ with ‘viewBox’ in the svg text, then :src_svg works when I create a viewer (not the full editor). I caught the problem by looking at one of your examples, which has “viewBox” in the svg text. I could also just be doing something wrong?!

  6. hmm… the AddSvg does the same process in rendering that when it gets the content by “src_svg” argument.
    Was that keyword the only thing you changed ? Was the svg using ‘ ou ” ?

    If you got it to work, that’s the important bit :) but I’ll be sure to take a look at that on the next development iteration.

    Once again, thanks for the feedback.

  7. Matt

    DOH!! I figured it out- not a bug on your side, sorry. Finally realized that Rails is sanitizing the svg text when it saves it to the database, in the process slightly altering it. Don’t know why I didn’t think of this! Sorry for the confusion, and thanks for the great project!

  8. Thanks ;)

  9. Hello there,
    First congratulations for the project.

    one question:

    Is it possible o let users save there drawings direct in my website server?

    If then, I would definetly give it a try.

  10. Hello Henrique,

    Sure it does.. Just set it to a hidden field and get it on server side on the POST.

    Thanks for the interest.

  11. john

    Hi. Great product.

    One problem. I can’t seem to get it to work in IE7 without it throwing javascript errors (actually the same error several times). After the errors, it works fine and they seem to be coming from the swf file, not the js files.

    Error Text
    “svgdraw_place_swf12345 is undefined”
    where the number part will be different each time the page is loaded.

    I have several clients who can use this and would be interested if I can get IE7 working.

    Thanks!

  12. Have you tried the new JS script ? It is supposed to fix some issues.
    Here is the link:

    http://blog.tiagocardoso.eu/mainada/inputdraw/2008/04/18/inputdraw-javascript-bugfix-for-v15/

  13. Thanks for this fine app. SVG from InputDraw 1.5 does not load properly into ImageMagick 6.4.1. ImageMagick fills the paths even when fill=”none”

    ~Jeff

Trackbacks/Pingbacks

  1. meneame.net - InputDraw v1.5 Liberado. Widget de dibujo ahora con API Javascript!... Una nueva versión de InputDraw ha sido liberada. Esta es una ...

Leave a Reply

ERROR: si-captcha.php plugin says GD image support not detected in PHP!

Contact your web host and ask them why GD image support is not enabled for PHP.

ERROR: si-captcha.php plugin says imagepng function not detected in PHP!

Contact your web host and ask them why imagepng function is not enabled for PHP.