将HTML5 canvas下载为pdf

Question

我正在使用fabricjs开发图形编辑器。 我想下载整个画布或（如果可能）将给定的坐标下载为pdf（但不能嵌入png或jpg）。 下载的文件应由Adobe Illustrator或Corel打开，并且应可编辑。

提前致谢。

Answer 1

最好的选择可能是jsPDF ，但是HTML5 Canvas生成的图像不是矢量图形，因此需要进行一些翻译工作。

Answer 2

在浏览器中，canvas和pdf之间没有基于图像的直接翻译。 您可以使用http://pdfkit.org/并为每个面料子类创建自定义导出方法，并考虑到http://pdfkit.org/进行绘制的方法。

您必须考虑到canvas和fabricjs提供的自由度不同于pdf / eps。

如果不使用栅格化，则某些功能可能无法翻译。 我首先想到的是具有自定义fabricjs样式的自定义字体。

这不是一个简单的解决方案，有人可以为您提供一段代码来继续前进。

通常，PDFkit和pdf具有一种类似于HTML5Canvas的画布转换方法，并且可以完全像HTML5Canvas那样绘制路径。

首先要做的是尝试将结构转换方法和路径命令模拟为jsdpf代码。

PDFkit提供了doc.transform ，您可以将fabric.Object.calcTransformMatrix()的结果传递给它。

我建议您先尝试使用路径并调整，然后在对代码有所了解后再移至Text。

图片应该简单明了。

在我看来，jsPdf并未公开执行此操作所需的API