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);

Codeium

一个免费的AI代码自动完成和搜索工具

345

查看详情

// ... (前面获取 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); ?>