jspdf和addHTML /模糊字体

Question

我通过jspdf插件addHTML从HTML页面生成pdf文件.它工作但渲染的文本/字体非常模糊,原始的HTML页面不是.渲染图像很好,只有文本是问题(参见附图).

original_image:http://111900.test-my-website.de/stackoverflow/orig.jpg

blurry_image:http://111900.test-my-website.de/stackoverflow/blurry.jpg

我在过去三天阅读了所有谷歌搜索结果 - 也许我是世界上唯一一个确切存在这个问题的人？!？!:/

我在代码中添加了以下脚本:

• spdf.js
• jspdf.plugin.from_html.js
• jspdf.plugin.split_text_to_size.js
• jspdf.plugin.standard_fonts_metrics.js

pdf生成代码: pdf.addHTML(document.getElementById("container"),10,15,function() { var string = pdf.save(filename); });

我错过了jspdf中的质量选项吗？我该如何渲染字体？

谢谢你的回复,托马斯

Answer 1

我发现在创建 PDF 时，使用 addHtml 时文本会变得模糊，这是由于网页的宽度造成的。尝试在浏览器未最大化的情况下使用它作为测试。

我的解决方案是在使用与我添加的样式匹配的宽度参数调用 addHTML 之前添加一些样式来调整宽度。然后，我删除在 addHTML 之后运行的函数中的附加样式。