jQuery
Canvas Rounded Corners
jQuery Plug-in to make rounded corners on your DOM objects using <
canvas
> element
Tested in IE7 and FF3
Current Version: 1.1
By:
RaGaMo
Easy to Use
Just add:
$(element).corners()
Download
Download now
!
Examples
$('#example_1').
corners
();
DIV #example_1
$('#example_2').corners({
inColor
: '#FGFGFG'
});
DIV #example_2
$('#example_3').corners({
inColor
: '#FEFF8F',
outColor
: '#000'
});
DIV #example_3
$('#example_4').corners({
radio
: 30,
borderSize
: 2
});
DIV #example_4
$('#example_5').corners({
radio
: 40,
inColor
: '#FFCC66',
outColor
: '#D2FBAE',
borderSize
: 2,
borderColor
: '#0000FF'
});
DIV #example_5
Documentation
Instalation:
<script type="text/javascript" src="jquery-lastest.js"></script>
<script type="text/javascript" src="jquery.corners.js"></script>
<script type="text/javascript" src="newExcanvas.js"></script>
Note:
newExcanvas.js (attached) its a variant of excanvas.js, written by Google, to make canvas elements in IE.
Usage:
$(selector).corners([
options
]);
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
License:
GNU Lesser General Public License