画布图像从桌面到移动设备的像素大小不同

问题描述 投票:0回答:1

嘿所以我创建了这个网站:http://dst.dstealth.com帮助使用html2canvas从HTML div元素自动生成png图像。我的html2canvas初始化为静态宽度n高度。

现在,当我在像Chrome这样的桌面浏览器上使用该网站时,它会生成并保存876 x 434像素的图像,这是我想要的输出。

但是,当我在Android Chrome浏览器上执行完全相同的操作时,它会生成超过2000 x 2000像素的图像。

我认为设置一个viewport meta会有所帮助,但是我的桌面浏览器开始以稍大的分辨率开始保存图像,所以我现在在我的代码中对此进行了评论。

任何人都可以帮助我了解这里发生了什么,以及如何确保生成的图像总是876 x 434?

canvas size png viewport html2canvas
1个回答
2
投票

根据html2canvas文档,您需要将scale属性设置为1,因此它不使用devicePixelRatio:html2canvas.hertzen.com/configuration

© www.soinside.com 2019 - 2024. All rights reserved.