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:20:37 +08:00
parent ccb91e6e90
commit 4e507022ce
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,4 +40,5 @@ 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
这个其实是设备的dpi，canvas设置的宽度是像素 但是页面的单位是px 1px = dpi*dpi的单位像素面积 这样就会让页面超出canvas 让截图出现放大 并且显示 这个其实是设备的dpi，canvas设置的宽度是像素 但是页面的单位是px 1px = dpi*dpi的单位像素面积 这样就会让页面超出canvas 让截图出现放大 并且显示不完全。
这就是原因，也是卡了