Rounded corners..

[cireFlow]

Hi!

I'm trying to apply rounded corners to an image.. What I have so far is:

Code: Select all

convert -resize 800 xc:none -fill #111111 -draw "roundRectangle 0,0 800,534 1
5,15" bmx.jpg -compose SrcIn -composite bmx-result.jpg

The problems are:
-The image may have *any* aspect ratio. So I want the rounded rectangle's height to be equal to the image's height.
-I specified -fill #111111. But the background color remains black?!
-The corners do not seem to be antialiased. I tried adding the -antialias option right after convert, but it didn't change anything.

Thanks, cireFlow

[Bonzo]

There was a similar post to this earlier this week:
viewtopic.php?f=1&t=14135

[cireFlow]

Yeah, I also found the example you posted in the internet. But this is an image with known size.. I don't know the image's height.

[Bonzo]

If you look down the thread mentioned you will see some code from Anthony and a link; that is what you wanted.

This is a php version of his code and you should be able to modify it:

Code: Select all

<?php
$cmd = " $input ( +clone  -threshold -1 -draw \"fill black polygon 0,0 0,150 150,0 fill white circle 150,150 150,0\" ".
" ( +clone -flip ) -compose Multiply -composite ".
" ( +clone -flop ) -compose Multiply -composite ) +matte -compose CopyOpacity -composite";

exec("convert $cmd rounded_corners.png");
?>
<img src="rounded_corners.png" width="400">

This will also work but you need to change the angle corners to round ones:

Code: Select all

convert thumbnail.gif -alpha set -compose DstOut \
        \( -size 20x10 xc:none -draw "polygon 0,0 0,9 19,0" \
           -write mpr:triangle  +delete \) \
        \( mpr:triangle             \) -gravity northwest -composite \
        \( mpr:triangle -flip       \) -gravity southwest -composite \
        \( mpr:triangle -flop       \) -gravity northeast -composite \
        \( mpr:triangle -rotate 180 \) -gravity southeast -composite \
        corner_cutoff.png

Out of interest jpg does not support transparency thats why you have black corners.

[cireFlow]

OK, so using this command:

Code: Select all

convert bmx.jpg -resize 800 ( +clone -threshold -1 -draw "fill black polygon 0,0 0,15 15,0 fill white circle 15,15 15,0" ( +clone -flop ) -compose Multiply -composite ) +matte -compose CopyOpacity -composite rounded_corners.png

I can resize the image and round the upper two corners (just what I want). But how can I do this for a whole directory? (I'm using Windows).

Code: Select all

for /f %%a IN ('dir /b *.jpg') do convert %%a -resize 800 ( +clone -threshold -1 -draw "fill black polygon 0,0 0,15 15,0 fill white circle 15,15 15,0" ( +clone -flop ) -compose Multiply -composite ) +matte -compose CopyOpacity -composite %%a

This does not work, because the output file must have the png-extension.. It would also be OK if I could specify a background color instead of using transparency..

[Bonzo]

I had a play with batch files a month or so ago: http://www.rubblewebs.co.uk/imagemagick/batch.php but I was not really interested and only wrote some basic examples.

This worked for me on a whole directory ( this is the part you are looking for "%2\%%~nf.png" ):

Code: Select all

::Turn of displaying the code on the screen
@echo off

:: Read all the jpg images from the directory, resize them, add some text and save as a png in a different directory
for %%f in (%1\*.jpg) do ( convert %%f -resize 200x200 -pointsize 18 -fill black ^
-gravity northwest -annotate +0+0 "Some text" "%2\%%~nf.png" )

There is a Windows section on Anthony's example site now; http://www.imagemagick.org/Usage/windows/