weepy / cornerz

Bullet Proof Corners plugin for jQuery using Canvas/VML
http://labs.parkerfox.co.uk/cornerz/
27 stars 4 forks source link

Cornerz

Bullet Proof Corners plugin for jQuery using Canvas/VML

* Bugs and especially fixes are most welcome!
* Contact : Jonah Fox (jonah@parkerfox.co.uk)

Usage:

$('.myclass').cornerz(options)

options is a hash with the following parameters. Bracketed is the default

* radius (10)
* borderWidth (read from BorderTopWidth or 0)
* background ("white"). Note that this is not calculated from the HTML as it is expensive
* borderColor (read from BorderTopColor)
* corners ("tl br tr bl"). Specify which borders to draw
* fixIE (true). Attempt to fix odd(2n+1) dimensions in IE

Why should you care?

* Antialiased
* Fast - this pages renders in 200ms on my Vaio in Firefox and there's quite a few corners!!
* Support for any size radius and border width with minimal performance increase
* No excanvas
* Current layout is maintained
* Works with many tested positions/display/floats (current limitation with inline)
* Supports fluid layouts.
* Original div still shows through, so can easily do hover effects
* Script is only 4.0k uncompressed
* Requires jQuery 1.2.6+
* Tested on :
      o IE6 XP/Vista
      o IE7 XP/Vista
      o Firefox 2 Ubuntu/Windows
      o Safari 3 Windows/Mac
      o Opera 9 Windows/Linux
      o Chrome

  Limitations:
      o Problem with some Inline elements in IE - due to incorrect reporting of width
      o Update - the script now tries to fix this via the fixIE option