jQuery Plugin: Round Text

My very first jQuery plugin: warps the text along a circle. It’s simple and certainly far from perfect – I needed it, so may be you’ll need it too :-)

Usage:

$(elem).roundtext( {radius:150} );

Tested on latest Opera, Safari, Chrome and Firefox (I assume it won’t work in bloody IE)

Download:

jquery.roundtext.js

Example:

I used this function here: www.retro-fanshirt.com (Turn off plugins to see html version) Sometimes I can see strange behaviour with Safari when it wouldn’t consider space characters. Just so you know.

Comments

Jacob: This is great. Love the idea. Thanks for sharing.

Pezhman: great job, i found a way to get the same result in all browser. check this website and use the code in your plug in to transform. http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/ hope this help you :-) have fun

Siddharth Jhanji: Awesome work!!really amazing:D:Dvery helpful:D:D:D

JACOB: Great job dude. Can you suggest the change in you code for half circle.