gpt4 book ai didi

php - 使用 ImageMagic 将 SVG 转换为 PNG 会忽略填充图案 url

转载 作者:行者123 更新时间:2023-12-04 18:00:45 26 4
gpt4 key购买 nike

我正在使用 PHP 的 Imagick 类将 SVG 转换为 PNG。

转换成功但似乎忽略了任何填充模式。这是我的代码:

<?php

$svg = <<<SVG
<?xml version="1.0"?>
<svg>
<defs>
<pattern id="myPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect width="20" height="20" fill="#ffffff" />
<circle cx="10" cy="10" r="5" stroke="#0000bb" fill="#dd8d8d" />
</pattern>
</defs>
<text y="100%"
stroke="#ff0000"
fill="url('#myPattern')"
font-size="40pt">
Hello <tspan style="font-style: italic">SVG</tspan> world!
</text>
</svg>
SVG;

try{

$image = new Imagick();
$image->setBackgroundColor(new ImagickPixel('transparent'));
$image->readImageBlob( $svg );
$image->setImageFormat('png32');
$image->setImageCompressionQuality(100);

file_put_contents('text-fill-example.png', $image);
}
catch(ImagickException $e){
error_log($e);
}

在上面的例子中,字母应该包含点状图案。如果您在 Inkscape 中将上述 svg 代码作为文件打开,则图案会正确显示。此外,如果您将 svg 代码嵌入到 html 中,它会在现代浏览器中正确显示该模式。

如果我尝试从命令行转换,模式也会被忽略:

$ convert -verbose text-fill-example.svg text-fill-example.png 
text-fill-example.svg SVG 358x36 358x36+0+0 16-bit DirectClass 433B 0.020u 0:00.030
text-fill-example.svg=>text-fill-example.png SVG 358x36 358x36+0+0 16-bit PseudoClass 256c 8.19KB 0.010u 0:00.009

$ convert --version
Version: ImageMagick 6.7.7-10 2014-03-06 Q16 http://www.imagemagick.org
Copyright: Copyright (C) 1999-2012 ImageMagick Studio LLC
Features: OpenMP

有人知道吗?

最佳答案

原来我的 SVG 代码并不完全有效。我用了W3C validator最终得到一些 100% 有效且现在有效的标记:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
<defs>
<pattern id="myPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect width="20" height="20" fill="#ffffff" />
<circle cx="10" cy="10" r="5" stroke="#0000bb" fill="#dd8d8d" />
</pattern>
</defs>
<text y="100%"
stroke="#ff0000"
fill="url(#myPattern)"
font-size="40pt">
Hello <tspan style="font-style: italic">SVG</tspan> world!
</text>
</svg>

关于php - 使用 ImageMagic 将 SVG 转换为 PNG 会忽略填充图案 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35723456/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com