site: http://ragamo.medioclick.com/jquery/corners/
tutorial: http://developer.mozilla.org/en/Canvas_tutorial
This simple jQuery Plug-in is smart solution for you to make rounded corners. Fully tested in Internet Explorer 7 and Firefox 3, jQuery Canvas Rounded Corners v 1.1 works on your DOM objects using “canvas” element. If you are new to what “canvas” element is, you can read Canvas tutorial at Mozilla Developer Center.
You’ll need to attach three component of Javascript files for installment. A variant of excanvas.js (newExcanvas.js) must be included to create canvas elements in IE. Here they are:
script type=”text/javascript” src=”jquery-lastest.js
script type=”text/javascript” src=”jquery.corners.js
script type=”text/javascript” src=”newExcanvas.js
To start creating round corner just add:
$(selector).corners([options]);
List of options :
radio: (int) radius size of corners
inColor: (color) inside color of element
outColor: (color) outside color of corners
borderSize: (int) border width
borderColor: (color) color of borders
You can learn more about this simple script from some examples given and download the jQuery Canvas Rounded Corners files at the source page. Should be easy as 1 2 3 ;)
Posted on 15 October 2008
Tags: Graphic Tool
Related Articles
- JQZoom: a javascript image magnifier
JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want. It works on all moder... - Web Elements Kit
Here comes something that is absolutely useful if you are apparently a web designer. Mocking up a web design layout cost you lots of time, as you always working with so much details to put togethe... - Variable Grid System
The Variable Grid System is a web tool to generate an underlying CSS grid for your site. It is based on the 960 Grid System and it is designed & developed by SprySoft. You can input the pixel widt... - Free Custom Animated GIF Preloaders
Preloader is web tool that generates a custom animated gif preloaders. There are various choices of preloaders in 4 categories of type. They are 3D, rectangular, circular and horizontal. The back... - Twitter background graphics theme from Hip & Twendy
site>> http://www.hipandtwendy.com/
how to install>> http://www.hipandtwendy.com/how-to-install/
twitter >> http://twitter.com/hipandtwendy/
Get bored with your twitter default background the... - Spanky Corners 1.1 beta
Been spotted for a while, Spancky Corners is a perfect alternative to generate CSS boxes with rounded corner. It is semantically pure CSS markup, without extra HTML to act as 'CSS hooks'.
Just se... - ASCII-O-Matic: Convert your image into ASCII Art
ASCII-O-Matic is a free web application that convert an image into ASCII Art dynamically. You can choose between a black & white or color output with letters or squares. You can upload your image ...
Twitter Updates
Loading...
This is an easy way to create rounded corners. If yo want more control and possibilities, you can give the jQuery background canvas plugin a try:
jQuery Background Canvas Plugin