最近項(xiàng)目中使用的html2canvas插件打印報(bào)表時(shí)，發(fā)現(xiàn)出現(xiàn)報(bào)表模糊的問題，而實(shí)際上是插件生成的圖片中的像素發(fā)生了偏移。
后來查閱html2canvas源碼中，發(fā)現(xiàn)了以下參數(shù)：文章來源：http://www.zghlxwxcb.cn/news/detail-798073.html
| 參數(shù)名稱 | 默認(rèn)值 | 描述 |
|---|---|---|
| scale | 1 | 按比例增加分辨率（2=雙倍） |
| dpi | 96 | 將分辨率提高到特定的DPI（每英寸點(diǎn)數(shù)） |
由此可知，只要增大dpi或者scale肯定能使同樣寬高的圖片變得清晰。
最后，我的代碼變成了這樣子滴：文章來源地址http://www.zghlxwxcb.cn/news/detail-798073.html
function renderPromise(dom, scale) {
return html2canvas(dom, {
width: dom.offsetWidth,
height: dom.offsetHeight,
scale: scale || 2, // 按比例增加分辨率
})
}
到了這里，關(guān)于html2canvas截圖模糊問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
