Rounded Corners

Question

Hello,

I am wondering whats the best way to programmatically make rounded corners for images. This can be either using PHP or javascript. An algorithm will also do for the same and I can code it with Image::Magick or GD.

Thank you for your time.

Answer 1

Well, it depends what exactly you need. Do you want the corners to be transparent, or filled in some color? Which image format?

Here is some help for making rounded corners: http://www.imagemagick.org/discourse-server/viewtopic.php?f=1&t=8401

Check it out, and if it does not help, update your question with the specific problem. Then we can probably help :-):

Answer 2

use JavaScript to programatically get round corners

OR

you can use mozilla and safaris browser extensions to get round corners using CSS but it will work only in Mozilla and Safari

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

Answer 3

I'd use curvy corners or nifty cube

Answer 4

You can use the above mention tags with CSS, and for IE, use DDRoundies with some jquery code to make it work in IE. It is what I had to do to get it working. Good example of this is http://swiftmailer.org/ site. they make use of what I mentioned.

Answer 5

My favourite is Liquid Canvas. It's a jQuery plugin.

<div id="rounded">Test</div>

...

$('#rounded').liquidCanvas(
 '[shadow border gradient] => roundedRect{radius:50}');

Take a look at the demo page for more examples.

Answer 6

Here are links for two PHP based solutions:

1. Apply rounded corners to images is a PHP script that embeds rounded corner on the image itself
2. PHP rounded corner generator script generates four corners that you can place over your image using CSS positioning -- or you can use them in your CSS/HTML layouts that require boxes with round corner.