Looking for a JS library to move text

Question

Hi,

I'm looking for a javascript library that will allow me to drag text over an image with some resize handles that will automatically wrap the text.

I've tried doing some searches but don't think I'm using the right search terms.

I'm hoping someone has come accross simliar functionality before.

Thanks :)

Answer 1

Can you specify your needs? Should the text get integrated in the image or should it only put over the image?

If you look for the second one, I would say, that you don't need any library. It should be possible with some lines of plain javascript.

Answer 2

I think the keyword you're looking for is "morph". Most JavaScript animation libraries have element morphing functions that change css attributes of an element in a given time.

You should check out the demos these libraries have and try to imagine how you can make them to fit your case.

Script.aculo.us provides one of the smoothest animations I've ever seen. You can check the List morph demo here: http://wiki.github.com/madrobby/scriptaculous/list-morph-demo
And for Effect.morph documentation here: http://wiki.github.com/madrobby/scriptaculous/effect-morph

$fx is another beautifully crafted library just for animation: http://fx.inetcat.com/manuals.php#b3

JSAnim is another good one: http://jsanim.com/

Also check out animator.js: http://berniecode.com/writing/animator.html

These are one of the most decent animation libraries. You'll realize there's a common pattern where you can combine the basic effects and functions to create any custom effect you'd like.