javascript - 如何使用 fabric js 的 toSVG 数据在服务器端(PHP)创建 SVG 和 PNG 图像

Question

我使用 fabric js 创建了一个 Canvas ，用户可以在其中创建名片。现在我正在努力创建可缩放/可打印的图像(SVG 和 PNG)。

我正在尝试使用多种方法在服务器端使用 toSVG 创建 SVG 和 PNG 图像织物 jS 的数据。因此，之后该用户可以使用该 SVG 打印那里的卡片。

我已经尝试了以下选项(下面的所有链接都指的是我在 SO 中的问题，我要求找到合适的方法):
1) Generate SVG on php side using Canvas JSON
没有成功
2) Using raw svg data generate png on server side
部分成功:面临自动换行、字体问题等问题。也无法获得可打印的图像。 (如果使用更高的 DPI，则问题会像附加的 SS 一样出现)检查下面的 SS:

3) Generate Printable PDF using SVG raw data
部分:无法获取可打印的PDF

4) generate svg using raw data of svg in imagick
不成功:无法创建 svg 图像(BG 问题，图像问题)。

5)直接使用原始数据创建SVG

$file_name = uniqid($prefix).".svg";
$file_handle = fopen("$folder_name/".$file_name, 'w');
fwrite($file_handle, $raw_svg);
fclose($file_handle);

不成功:字体未加载，不可缩放(意味着可打印质量)

所以我的问题是创建 SVG 和 PNG 的最佳方法是什么，它呈现 BG 图像、上传的图像、差异。具有可打印质量的字体等。

注意:我更关注 SVG，因为客户更喜欢它，如果我可以在 PNG 中获得可打印的质量，它也可能有效。我还使用 imagick 实现了 SVG 到 PNG 的对话。但无法获得可打印质量(在更高的 DPI 上会出现上述 SS 问题)。

Answer 1

最可靠的渲染方式，恕我直言，webkit 考虑使用 wkhtmltopdf 从输入的网络内容生成可打印质量的 PDF 文件，使用不同的字体。

您可以通过将二进制文件复制并粘贴到您的服务器来安装它。

它是预编译的，您可以下载流行发行版的二进制文件。

这个可以安装在浏览器上，看这个例子:

您可以像这样使用 passthru 从 php 调用 wkhtmltopdf:

echo("<pre>");
passthru("/full/path/to/your/wkhtmltopdf input_html_with_svg_inside.html output.pdf 1>&2");
echo("</pre>");

稍后，您可以使用 imagemagick 包中的 convert 将其转换为例如透明的 png。

另外，在服务器上安装字体，你不会总是得到所有正确的字体，但你可以在网上找到可以免费安装的字体包。还有 wkhtmltopng。

HTH.