javascript - 将 fabric.js Canvas 导出到可打印文件

Question

我正在开发一款用于设计定制围巾的在线应用程序。经过初步研究，我发现我可以为此目的使用 Fabric.js。但是，在 2D 设计和 Canvas 方面，我是新手。我想为用户提供一个 Canvas ，他们可以在其中上传图像/图案并在那里设计围巾。

围巾尺寸为90*90厘米。并且我有要求以 Eps/AI 格式或高分辨率图像文件向打印公司提供实际尺寸的围巾设计。这是我有点迷路的地方。 Canvas 的尺寸是多少...以及如何确定上传的图像是否具有高分辨率。

谢谢

Answer 1

90 厘米约为 34 英寸。如果您考虑高分辨率，假设 150 DPI，您将获得类似 5000x5000 Canvas 的东西。

现在 5000 x 5000 是一张 25 兆像素的图片，浏览器很难处理。您可以尝试创建一个 5000 x 5000 的织物 Canvas ，您将体验到糟糕的性能。

您可以做的是使用 canvas.toSVG() 导出 SVG，然后使用您选择的可以处理大文件的库将 SVG 光栅化为 PNG 或 JPEG。