Bullet Proof Corners plugin for jQuery using Canvas/VML
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README
cornerz.js

README

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