html2canvas截图模糊问题

• 前端

最近项目中使用的html2canvas插件打印报表时，发现出现报表模糊的问题，而实际上是插件生成的图片中的像素发生了偏移。

后来查阅html2canvas源码中，发现了以下参数：

参数名称 默认值 描述
scale 1 按比例增加分辨率（2=双倍）
dpi 96 将分辨率提高到特定的DPI（每英寸点数）

由此可知，只要增大dpi或者scale肯定能使同样宽高的图片变得清晰。

最后，我的代码变成了这样子滴：

function renderPromise(dom, scale) {
	return html2canvas(dom, {
		width: dom.offsetWidth,
		height: dom.offsetHeight,
		scale: scale || 2, // 按比例增加分辨率
	})
}

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/86f7e70063.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐