theluyuan/biji
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update

Browse Source
This commit is contained in:
pplokijuhyg 2020-02-11 14:52:37 +08:00
parent 243662ffc4
commit c685cf9ad9
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
前端/前端通过页面(dom)生成图片并放大倍数.md
View File

@ -34,6 +34,5 @@ html2canvas与canvas参考文档
context.scale(x 倍数, y 倍数); //这个是画板放大指定倍数 context.scale(x 倍数, y 倍数); //这个是画板放大指定倍数
canvas2.width = w * times * window.devicePixelRatio; //指定画板宽度 canvas2.width = w * times * window.devicePixelRatio; //指定画板宽度
canvas2.height = h * times * window.devicePixelRatio; //指定画板宽度 canvas2.height = h * times * window.devicePixelRatio; //指定画板宽度
为什么要再乘以window.devicePixelRatio 为什么要再乘以window.devicePixelRatio这个其实是设备的dip，canvas设置的宽度是像素 但是页面的单位是px 1px = 1dip 这样就会让页面超出canvas 让截图出现放大 并且显示不完全。
这个其实是设备的dpi，canvas设置的宽度是像素 但是页面的单位是px 1px = DIP*DIP的单位像素面积 这样就会让页面超出canvas 让截图出现放大 并且显示不完全。
这就是原因，也是卡了两天的bug。 这就是原因，也是卡了两天的bug。