PHP Imagick转换含自定义字体SVG到PNG的替代方案

// 假设你已经有了一个Fabric.js canvas实例，并且在上面添加了文本对象
// 例如：
// var canvas = new fabric.Canvas('myCanvas');
// var text = new fabric.IText('Kent Patrick', {
//     fontFamily: 'ABeeZee', // 确保这个字体在Fabric.js中已被加载或可用
//     left: 100,
//     top: 100
// });
// canvas.add(text);

// 将canvas内容导出为PNG数据URL
// multiplier 参数可以提高导出图片的清晰度，建议设置为2或更高
var imgData = canvas.toDataURL({
    format: 'png',
    multiplier: 2 // 建议使用更高的倍数以获得更清晰的图像，例如2、3或4
});

// imgData 现在是一个包含PNG图像的Base64编码字符串
// 你可以在客户端显示它，或者将其发送到服务器进行保存
console.log(imgData);

// 示例：在页面上显示导出的图片
var imgElement = document.createElement('img');
imgElement.src = imgData;
document.body.appendChild(imgElement);

// ... (前面获取 imgData 的代码) ...

// 将Base64图片数据发送到PHP后端
fetch('/save-image.php', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json' // 使用JSON格式发送数据
    },
    body: JSON.stringify({ imageData: imgData, filename: 'exported_image.png' })
})
.then(response => response.json())
.then(data => {
    if (data.status === 'success') {
        console.log('图片保存成功:', data.message);
    } else {
        console.error('图片保存失败:', data.message);
    }
})
.catch(error => console.error('网络请求错误:', error));

<?php
header('Content-Type: application/json'); // 设置响应头为JSON

$response = ['status' => 'error', 'message' => '未知错误'];

try {
    // 获取客户端发送的JSON数据
    $input = file_get_contents('php://input');
    $data = json_decode($input, true);

    if (json_last_error() !== JSON_ERROR_NONE) {
        throw new Exception('无效的JSON数据。');
    }

    $imageData = $data['imageData'] ?? null;
    $filename = $data['filename'] ?? 'default_image.png';

    if (empty($imageData)) {
        throw new Exception('未接收到图片数据。');
    }

    // 移除数据URL前缀，例如 "data:image/png;base64,"
    $imageData = str_replace('data:image/png;base64,', '', $imageData);
    $imageData = str_replace(' ', '+', $imageData); // Base64编码中可能包含空格，需替换为+
    $decodedImage = base64_decode($imageData);

    if ($decodedImage === false) {
        throw new Exception('Base64图片数据解码失败。');
    }

    // 定义保存路径和文件名
    $uploadDir = 'path/to/your/images/'; // 确保此目录存在且PHP有写入权限
    if (!is_dir($uploadDir)) {
        mkdir($uploadDir, 0777, true); // 如果目录不存在则创建
    }
    $savePath = $uploadDir . basename($filename); // 使用basename防止路径遍历攻击

    // 将解码后的图片数据写入文件
    if (file_put_contents($savePath, $decodedImage)) {
        $response = ['status' => 'success', 'message' => '图片已成功保存到: ' . $savePath];
    } else {
        throw new Exception('无法将图片保存到服务器。');
    }

} catch (Exception $e) {
    $response['message'] = $e->getMessage();
}

echo json_encode($response);
?>