readimageblob:将SVG转换为PNG时出现致命错误

时间:2012-10-29 16:07:13

标签: php jquery json imagick

我正在尝试使用带有PHP的Image-Magick将SVG文本转换为PNG图像。此SVG是使用NVD3生成的图表,我希望允许我的用户将其下载为图像。

基本上,我将使用JSON编码的SVG数据发送到PHP处理程序,该处理程序应该将其作为PNG图像输出。

但是,这会引发以下错误:

Fatal error: Uncaught exception 'ImagickException' with message 'no decode delegate for this image format `' @ blob.c/BlobToImage/347' in svg2png.php:4 Stack trace: #0 svg2png.php(4): Imagick->readimageblob('

用于转换图片的 PHP脚本

<?php
    /* Derived in part from: http://stackoverflow.com/a/4809562/937891 */
    $svg=json_decode($_REQUEST["svgData"]);
    $im=new Imagick();
    $im->readImageBlob($svg);
    $im->setImageFormat("png24");
    header("Content-Type: image/png");
    $thumbnail = $im->getImageBlob();
    echo $thumbnail;
?>

HTML:

<form id="exportSpendTrendTrigger" method="POST" action="svg2png.php" target="_blank">
    <input id="exportSpendTrendSvgData" type="hidden" name="svgData" />
    <input type="submit" class="btn" value="Export" />
</form>
<div id="spendtrend">
    <svg></svg>
</div>

jQuery的:

exportSpendTrend = function (e) {
    //Show the user the PNG-image version for download
    $("#exportSpendTrendSvgData").val( JSON.stringify($("#spendtrend").html().trim()) );
}

$("#exportSpendTrendTrigger").on("submit", exportSpendTrend);

示例SVG ,由NVD3生成:http://pastebin.com/Z3TvDK16

这是在使用PHP 5.3和Imagick

的Ubuntu服务器上

2 个答案:

答案 0 :(得分:23)

需要为readImageBlob指定svg文件文本结构来解码文件。 将<?xml version="1.0" encoding="UTF-8" standalone="no"?>添加到包含svg文本的变量。

$svg = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>'.$svg;

你很高兴。

答案 1 :(得分:6)

请记住

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

必须是包含SVG文本的变量的第一行。知道这可能会让你感到头疼。