如何在 PHP 中获取 SVG 图片的宽度和高度？

Question

我尝试在 SVG 文件上使用 getimagesize()，但失败了。

我知道SVG是“Scalable Vector Graphics”，但我发现Google Chrome的“Review elements”可以完美地获取SVG图片的尺寸，所以我怀疑这在PHP中也是可能的。

如果很难获取尺寸，有没有办法判断SVG图片是垂直还是水平？

Answer 1

问题是：SVG 图像没有您可能想到的意义上的“大小”。另一方面，它们确实具有高宽比。

这个比例通常可以在 viewBox 属性。

另一方面，如果根 SVG 元素上不存在 viewBox 属性，则确定图像比例非常重要。

编辑：

旁注：Chrome 为您提供完美坐标的原因不一定是因为它查看 SVG 来确定大小；而是因为它会根据 SVG 来确定大小。它很可能是设置大小的简单结果。

尽管 SVG 元素确实具有 height 和 width 属性，但这些属性可能不会指定为像素，而是指定为多个单位中的任意一个，因此它们不一定是很多单位帮助。

Answer 2

SVG 只是一个 XML 文件，因此 GD 库不会有任何帮助！

您应该能够简单地解析 XML 文件来获取此类属性。

$xml = '
<svg width="500" height="300" version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">

<rect x="90" y="10"
    width="400" height="280"
    style="fill: rgb(255,255,255); stroke: rgb(0,0,0); stroke-width: 1; " />
</svg>';

$xmlget = simplexml_load_string($xml);
$xmlattributes = $xmlget->attributes();
$width = (string) $xmlattributes->width; 
$height = (string) $xmlattributes->height;
print_r($width);
print_r($height);

这些值需要进行转换，否则它们将返回一个对象。

Answer 3

关于尺寸，SVG 图像基本上分为三种不同类型：

1. 固定尺寸​​：具有宽度 和高度 属性的图像。 Chrome 可以完美地显示这些尺寸，并将指定的单位转换为像素。

2. 比例尺寸：具有 viewBox 属性的 SVG 图像。 Chrome 将此类图像的尺寸最大化为 300x150。因此，比例为 16:9 的图像显示为 267x150。

3. 无尺寸：没有宽度、高度和viewBox的SVG图像。 Chrome（以及其他浏览器）对此类图像使用默认尺寸 300x150。

可以通过使用 PHP 读取 SVG 图像的内容来获取 PHP 的尺寸 DOM扩展并应用上面的规则。我编写了 PHP 库 contao/imagine-svg ，它正是这样做的，并且可以按如下方式使用：

$size = (new Contao\ImagineSvg\Imagine)
    ->open('/path/to/image.svg')
    ->getSize();
echo $size->getWidth();
echo $size->getHeight();

如果你不想依赖第三方库，你可以看看getSize() 的源代码 方法 查看库如何确定尺寸。

Answer 4

我有同样的问题，因为我找不到答案，发明并解决如下：

<?php
    $svgfile = simplexml_load_file("svgimage.svg");
    $width = substr($svgfile["width"],0,-2);
    $height = substr($svgfile["height"],0,-2);
?>

请注意，我使用的 SVG 文件是在 Adob​​e Illustrator 中创建的。因此，图像的 SVG 代码如下所示：

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="400px" height="738px" viewBox="0 0 400 738" enable-background="new 0 0 400 738" xml:space="preserve">
...

多亏了这个，我可以获得宽度和高度值。

我使用 substr 因为 $svgfile[width] 返回带有“px”后缀的值。我还可以使用 viewBox 值并将其拆分以获取值。

来自智利圣地亚哥的问候

Answer 5

这是一个使用正则表达式检查视图框大小的快速而肮脏的技巧。它在大多数情况下都有效，但请参阅其他答案以了解其局限性。

preg_match("#viewbox=[\"']\d* \d* (\d*) (\d*)#i", file_get_contents('file.svg'), $d);
$width = $d[1];
$height = $d[2];

Answer 6

使用 simplexml_load_file

$svgXML = simplexml_load_file($imgUri);
list($originX, $originY, $relWidth, $relHeight) = explode(' ', $svgXML['viewBox']);

使用 preg_match 正则表达式
（这适用于 viewBow 值中的 int 和 float 值）

preg_match("#viewbox=[\"']\d* \d* (\d*+(\.?+\d*)) (\d*+(\.?+\d*))#i", file_get_contents($imgUri), $d);
$relWidth = (float) $d[1];
$relHeight = (float) $d[3];