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

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

@ -24,11 +24,7 @@ console.log(canvas2.style.width)
x:0, x:0,
y:0 y:0
}).then(canvas => { }).then(canvas => {
let imgUrl = `<img style="width:100%" src="${canvas.toDataURL()}" />` //canvas就是绘制完成的画板
doinghide()
$('#app').replaceWith('<div id="app"></div>')
$('#app').css('padding',0)
$('#app').append(imgUrl)
}); });
} }
}) })
@ -41,4 +37,4 @@ 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 让截图出现放大 并且显示不完全。
这就是原因，也是卡了 这就是原因，也是卡了两天的bug。