如何使用 PHP 调整 SVG 的大小？

Question

我正在尝试在 PHP 脚本中调整（增加大小）SVG 的大小并将其另存为新的 SVG。鉴于 SVG 是由另一个脚本生成的。它包含图像和文本。

我尝试过imagick，但生成的 svg 已损坏，并且不包含任何内容。

这就是我所做的：

$image = new Imagick();
$image->setResolution(2000,2000);
$image->readImage('/pathe/to/my/svg.svg');
$image->scaleImage(1000,1000);
file_put_contents('/pathe/to/my/new.svg', $image->getImageBlob());

Answer 1

考虑到“SVG”代表“可伸缩矢量图形”。

1. Imagick 是一个用于处理面向像素的图形的库，因此不适合 SVG 等矢量图形格式。

2. SVG 本质上是可扩展的。在大多数情况下，您不需要重写它们来更改它们的大小。如果您在网页中显示 SVG （通过<img>或<object>标签，或作为 CSS background-image，它将以为这些元素定义的大小显示，如果 SVG 文件中存储了大小信息，则将被忽略。（注意许多 SVG 文件根本不包含显示大小信息。）

3. 您可能需要在 SVG 文件中设置大小信息的唯一情况是将其显示为独立文件（例如，如果您有一个指向 .svg 本身的链接）。

   在这种情况下，您可以利用 SVG 是 XML 文件这一事实：

   $dom = new DOMDocument('1.0', 'utf-8');
   $dom->load('/pathe/to/my/svg.svg');
   $svg = $dom->documentElement;
   
   if ( ! $svg->hasAttribute('viewBox') ) { // viewBox is needed to establish
                                            // userspace coordinates
        $pattern = '/^(\d*\.\d+|\d+)(px)?$/'; // positive number, px unit optional
   
        $interpretable =  preg_match( $pattern, $svg->getAttribute('width'), $width ) &&
                          preg_match( $pattern, $svg->getAttribute('height'), $height );
   
        if ( $interpretable ) {
           $view_box = implode(' ', [0, 0, $width[0], $height[0]]);
           $svg->setAttribute('viewBox', $view_box);
       } else { // this gets sticky
            throw new Exception("viewBox is dependent on environment");
       }
   }
   
   $svg->setAttribute('width', '1000');
   $svg->setAttribute('height', '1000');
   $dom->save('/pathe/to/my/new.svg');
   

   如果元素没有viewBox属性并且宽度和高度具有非 px 单位，则存在一些棘手的情况。处理它们需要对 SVG 有更深入的了解。最好确保“其他脚本”生成的 SVG 文件始终具有viewBox. 然后可以省略条件部分。

   术语“分辨率”不适用于矢量图形。宽度和高度可以是无量纲的数字（代表用于渲染到输出设备的像素，例如屏幕），或任何有效的 CSS 长度单位：em、ex、px、pt、pc、cm、mm、in 和百分比。