SVG含自定义字体转换为PNG：Imagick限制与Fabric.js替代方案

<?php
// 假设 $svg 变量包含了带有Base64字体数据的SVG字符串
$svg = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="3200" height="3200" viewBox="0 0 400 400" xml:space="preserve">
<desc>Created with Fabric.js 3.2.0</desc>
<defs>
    <style type="text/css">
        @font-face {
            font-family: \'ABeeZee\';
            src: local(\'ABeeZee Regular\'), local(\'ABeeZee-Regular\'), url(data:font/woff;base64,[[Font Base64 placeholder due to character limit]]) format(\'woff\');
        }
</style>
</defs>
<g transform="matrix(1 0 0 1 200 23.5)" style="font-family:\'ABeeZee\' !important; ">
        <text xml:space="preserve" font-family="ABeeZee" font-size="32.410852713178286" font-style="normal" font-weight="normal" style="font-family:\'ABeeZee\' !important; stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1; white-space: pre;"><tspan x="-102.09418605" y="10.18154527">Kent Patrick</tspan></text>
</g>
</svg>';

$im = new \Imagick();
$im->setBackgroundColor(new \ImagickPixel('transparent'));
$im->readImageBlob( $svg );
$im->setImageFormat( "png24" );
$im->resizeImage( 1000, 1000, \Imagick::FILTER_LANCZOS, 1 );  /*可选，如果需要调整大小*/

$save_file = 'output.png'; // 假设要保存的文件路径
$im->writeImage( $save_file );

// 或者直接输出到浏览器
// header( 'Content-type: image/png' );
// echo $im;

$im->clear();
$im->destroy();
?>

// 获取Base64编码的PNG数据
var imgData = canvas.toDataURL({
    format: 'png',
    multiplier: 2
});

// 使用Fetch API发送到服务器
fetch('/save-png.php', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({ imageData: imgData })
})
.then(response => response.json())
.then(data => {
    console.log('PNG保存成功:', data);
})
.catch(error => {
    console.error('保存PNG失败:', error);
});

<?php
// 接收客户端发送的JSON数据
$input = file_get_contents('php://input');
$data = json_decode($input, true);

if (isset($data['imageData'])) {
    $imageData = $data['imageData'];

    // 移除数据URL前缀 "data:image/png;base64,"
    $imageData = str_replace('data:image/png;base64,', '', $imageData);
    $imageData = base64_decode($imageData);

    // 定义保存路径和文件名
    $filename = 'saved_image_' . uniqid() . '.png';
    $filepath = 'uploads/' . $filename; // 确保 'uploads/' 目录存在且可写

    if (file_put_contents($filepath, $imageData)) {
        echo json_encode(['status' => 'success', 'message' => '图片保存成功', 'url' => $filepath]);
    } else {
        echo json_encode(['status' => 'error', 'message' => '图片保存失败']);
    }
} else {
    echo json_encode(['status' => 'error', 'message' => '未接收到图片数据']);
}
?>