Question

I have the following code:

$image = new Imagick();
$image->setBackgroundColor(new ImagickPixel('green'));
$image->setSize(20,20);
$image->readImageBlob(file_get_contents('./some/path/image.svg'));

It loads the SVG just fine but the setSize just gets completely ignored. It renders at 550×100, as per it’s definition:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" 
    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    width="550px" height="100px" viewBox="0 0 550 100" 
    enable-background="new 0 0 550 100" xml:space="preserve">

Has anyone got experience in getting SVG files to play nice with setSize?

Answer 1

The setSize() function is only for raw image formats, not SVG. You need to use scaleImage() instead…

$image = new Imagick();
$image->setBackgroundColor(new ImagickPixel('green'));
$image->readImage('./some/path/image.svg');
$image->scaleImage(20,20);

By the way, that will work fine if you’re downscaling your SVG image to a smaller size (as you are in this case), for for anyone who is upscaling it instead, you need to do one other thing. If you just change the size as above, it will appear jagged and pixelated. In that case you need to use setResolution() to increase the resolution like this:

$image = new Imagick();
$image->setResolution(2000,2000);
$image->setBackgroundColor(new ImagickPixel('green'));
$image->readImage('./some/path/image.svg');
$image->scaleImage(1000,1000);

The actual values for setResolution() should be computed as 72 * (final_size / original_size) (well, I think that’s the correct formula anyway). But any value that’s at least that value or higher will also work fine.