I decided to do something with ImageMagick for my 5th day’s script. My original idea for day 5 proved to be too much for one night. A script to cut triangular corners into images. Pretty simple, but this may come in handy one day while designing something.
Posts Tagged: ImageMagick
Image Color Dominator
Most anyone who’s used iTunes’ album view will know about their color picking mechanism. I was curious about how this might be done and found this question on Stack Overflow: How does the algorithm to color the song list in iTunes 11 work?
So I set about creating an equivalent in PHP. I settled on using the IMagick PHP extension for grabbing pixel data and doing blurs.
The Results
Mizu (Water)
Tsuki (Moon)
Aki (Fall)
Chibi ^_^
The How
It’s largely based on the accepted answer given on the Stack Overflow question mentioned earlier. Except I separate potential highlights from the selected background based on a luminance ratio which produces more readable text, and there’s some additional logic for trying to pick contrasting highlight colors.
The Source
Source is available on BitBucket: https://bitbucket.org/epb9000/image-color-dominator/ Not much in the way of documentation, so hopefully the comments on the class aren’t horrifically confusing. I’ll re-read them later and maybe make changes.
ImageMagick: Rounded-corner PHP function
I’ve converted my rounded-corner bash script into a PHP function that’ll use the Image Magick command line tools to do the same. With some added functionality to handle automatically creating thumbnails and applying a background color to the source image itself. This also allows for the insertion of basic pre-processing and post-processing arguments to IM.
For more information and output examples see. the bash version.
To see an example of thumbnails generated with some pre-processing done:
First Preprocessor Test
This is a sample done with thumbnail pre-processing. That is processing done before the rounded corners are made.
With this sample, I switched colorspace to HSL and then set the hue and saturation to a constant before applying the glass-bubble rounded corners.
Known bug: sometimes the glass-bubble method will add a single pixel to the width, which is transparent. I believe passing -trim in the postprocessing option may trim that off for you, though I have not thoroughly tested it.
Also: I have no idea if this will work on a Windows server.
Rounded Corner Script
Script Download: rounded_corner.sh (v2)
Ever wanted a script that would round the corners of images for you? Well, if you said yes, I wrote myself a bash script to do just that. As of this post it can do the following: round of corners of images and it can also add a glass-bubble effect as described in the ImageMagick tutorials. You can specify the border radius and a background color, which is handy if you are making JPEGs. The script’s help screen is shown below, as well as a couple of samples. Radius sizes are in pixels.
./rounded_corner.sh <inputfile> <outputfile> [options] -m Method [plain or glass-bubble] -r Corner Radius -b Background Color Method can be plain or glass-bubble at the moment. (default: plain) Radius specifies the radius of the rounded corners. (default: 15) Note: This should be able to function as filter command, so if you wanted rounded thumbnails of a particular size you can: convert <bigfile> -resize 200x200 png:- | ./rounded_corner.sh png:- smallrounded.png" 1>&2
-
- Plain Method, Solid Background
-
- Glass-Bubble Method, Solid Background
-
- Glass-Bubble Method, No Background
-
- Plain Method, No Background
Get the Bounding Box of an SVG Path
There may be times you need to find the bounding box of an SVG path. One way to find it would be to parse the path and then apply any group transformation on it to find the range of X and Y coordinates the object occupies. However that’s a bit of code, and I’m quite a bit lazy, so I decided to try another approach: rasterize the path object by itself and find where in the image it was drawn.
Continue reading
