SVG to transparent PNG with imagick

This site is best viewed in a modern browser with JavaScript enabled.

eastsideski

I am trying to dynamically generate images from svg files using imagemagick and the imagick wrapper, but the converted png's always have white backgrounds rather than transparent. Does anyone know how to make them transparent without having to erase all the white areas?

Heres my code

$im = new Imagick();
$svg = file_get_contents("design.svg");
$svg = str_replace(array("color1","color2"),array("red","lightblue"),$svg);
$im->readImageBlob($svg);
$im->setImageBackgroundColor(new ImagickPixel('transparent'));
$im->setImageFormat("png24");

header("Content-Type: image/png");
echo $im;

eastsideski

bump?

Douwe

If there's any other poor sod out there looking for the answer to this one (I was...)

Here's the proper way to do it:

<?
$im = new Imagick();
$im->setBackgroundColor(new ImagickPixel('transparent'));
$svg = file_get_contents("path/to/test.svg");
$im->readImageBlob($svg);

$im->setImageFormat("png32");

header('Content-type: image/png');

echo $im;
?>

Note the "setBackgroundColor" first, the order matters.
Also note the image format is "png32".

Hope this helps someone...

eastsideski

Wow! That works perfectly! Thank you for your help, I had given up on this problem!

klanga2049

When I use your code opacity of svg elements is not working.