如何提高jsPDF输出的质量？

Question

我使用 jsPDF （https://github.com/MrRio/jsPDF）从Web实例生成PDF。 PDF输出的质量低于实际的Web实例。 我尝试在 canvas.toDataURL（type，encoderOptions）; 中将图像质量设置为1，但它没有帮助。 这是一个已知的问题？ 我在保存之前使用 addImage（） 方法将图像放在pdf上。 例：

Answer 1

如果您可以在绘制图像并将图像绘制到画布上之前将JavaScript注入Web实例，则可以通过捕获用于构成图像的矢量指令来解决问题。

1. 使用canvas2svg.js将画布转换为SVG：Method to convert HTML5 canvas to SVG?

     

   创建模拟画布2D上下文，然后在调用画布绘制命令时生成SVG场景图。 [...]你实际上无法转变＆＃34;一个画布元素，因为它只是一个位图，所以请记住这一点。

2. 使用jspdf.plugin.sillysvgrenderer.js：How to create easily a PDF from a SVG with jsPDF?添加SVG到PDF文档 注意：这有局限性，因此可能无法正常工作。

这会将图像添加为本机PDF对象。