javascript – HTML2canvas生成模糊图像

我正在使用jsPDF,它使用html2canvas从一些html元素生成图像并插入.pdf文件.但是html2canvas存在问题,它会从html生成模糊的图像.见下面的例子:

HTML内容:

http://puu.sh/7SZz4.png

html2canvas生成的图片:

http://puu.sh/7SZAT.png

有没有办法解决它或有没有更好的选项来获取图像形式的HTML?

谢谢!

解决方法:

你可以在html2canvas中使用缩放选项.

在最新版本v1.0.0-alpha.1中,您可以使用缩放选项来提高分辨率(缩放:2将使分辨率从默认的96dpi加倍).

// Create a canvas with double-resolution.
html2canvas(element, {
    scale: 2,
    onrendered: myRenderFunction
});
// Create a canvas with 144 dpi (1.5x resolution).
html2canvas(element, {
    dpi: 144,
    onrendered: myRenderFunction
});
上一篇:html2canvas + jspdf 实现 html 转 pdf


下一篇:javascript – html2canvas不适用于Google Maps Pan