dqmhgz5848
dqmhgz5848
2012-02-10 10:24

如何使用PHP Imagick读取给定大小的SVG?

已采纳

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 550x100, 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?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • doumu6997 doumu6997 9年前

    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.

    点赞 评论 复制链接分享
  • dqwh0109 dqwh0109 9年前

    Regarding up-scaling SVGs: With my current setup (ImageMagick 6.7.8-1 2012-10-03 Q16 with SVG rw+) an SVG saved at 90x30 pixels cannot be scaled up even with setResolution() and setImageResolution(). If I instead re-save the SVG at a higher size, like 9000x3000, I can safely size it up or down with the above instructions.

    点赞 评论 复制链接分享