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像素。