解决html2canvas截图模糊

html2canvas 截图模糊,配置宽高效果不明显,更换进阶版插件后截图非常清晰
以下是增加了dpi和scale两个选项之后的html2canvas源码:
https://github.com/RunSky87/html2canvas-develop/tree/master/dist

默认可用选项(options)

参数名称 类型 默认值 描述
allowTaint boolean false 允许跨域
useCORS boolean false 貌似与跨域有关,但和allowTaint不能共存
proxy string undefined 代理地址
taintTest boolean true 是否在渲染前测试图片
timeout number 0 图片加载延迟,默认延迟为0,单位毫秒
logging boolean false 在Console中输出信息
width number null canvas的宽度设定
height number null canvas的高度设定
background string #fff canvas的背景颜色(未指定则为透明)
letterRendering boolean false 在设置了字间距的时候有用

新加可选用项

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

使用中 配置:scale:2,dpi:300
截图清晰度与原画面没区别

补充:
DPI是指每英寸的像素,也就是扫描精度。DPI越低,扫描的清晰度越低,由于受网络传输速度的影响,web上使用的图片都是72dpi,但是冲洗照片不能使用这个参数,必须是300dpi或者更高350dpi。例如要冲洗46英寸的照片,扫描精度必须是300dpi,那么文件尺寸应该是(4300)(6300)=1200像素*1800像素。

你可能感兴趣的:(ionic1)