用于Web编辑器的PDF/PNG导出功能

Question

最近，我的公司递给我一个基于网络的图形编辑器项目来处理，在那里，编辑器中的内容可以被移动，旋转，调整大小，掩蔽，改变字体.等

到目前为止，我能够处理大多数客户端功能。然而，我仍然坚持那些导出PDF/PNG特性，这让我非常头疼。我一直在研究像、JSPDF、和 HTML2Canvas 这样的插件，这些都不能解决我的问题(例如，HTML2Canvas不支持剪辑路径css属性)。

我想知道像坎瓦或皮克托图这样受欢迎的产品是如何开发出如此惊人的出口特性的。因此，我想向那些在构建web编辑器方面有经验的开发人员寻求一些建议：

1. 仅仅利用前端技术可以开发出口特性吗？
2. 开发出口特征所需的知识。布洛布？SVG？
3. 对于这个特性，后端端有什么可以帮助的吗？

记者:我只有两年的前端开发经验和一点点后端知识。(是的，我是一个人做这个项目的。)

非常感谢！

Answer 1

您可以使用一些JavaScript库。您不需要后端。

• html2canvas -您可以为任何HTML创建一个HTML画布。然后，您可以从画布中创建一个图像PNG/JPG。
• pdf.js -您可以手动创建一个PDF通过创建一个新的空白页，并开始绘图。您还可以在PDF上绘制图像或画布。

更多信息：

• 画布元素toDataURL - https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL
• 从数据URL - http://danml.com/download.html中触发下载