解决html2canvas截图模糊

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

默认可用选项(options)

参数名称类型默认值描述
allowTaintbooleanfalse允许跨域
useCORSbooleanfalse貌似与跨域有关,但和allowTaint不能共存
proxystringundefined代理地址
taintTestbooleantrue是否在渲染前测试图片
timeoutnumber0图片加载延迟,默认延迟为0,单位毫秒
loggingbooleanfalse在Console中输出信息
widthnumbernullcanvas的宽度设定
heightnumbernullcanvas的高度设定
backgroundstring#fffcanvas的背景颜色(未指定则为透明)
letterRenderingbooleanfalse在设置了字间距的时候有用

新加可选用项

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

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

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值