嘿所以我创建了这个网站:http://dst.dstealth.com帮助使用html2canvas从HTML div元素自动生成png图像。我的html2canvas初始化为静态宽度n高度。
现在,当我在像Chrome这样的桌面浏览器上使用该网站时,它会生成并保存876 x 434像素的图像,这是我想要的输出。
但是,当我在Android Chrome浏览器上执行完全相同的操作时,它会生成超过2000 x 2000像素的图像。
我认为设置一个viewport meta会有所帮助,但是我的桌面浏览器开始以稍大的分辨率开始保存图像,所以我现在在我的代码中对此进行了评论。
任何人都可以帮助我了解这里发生了什么,以及如何确保生成的图像总是876 x 434?
根据html2canvas文档,您需要将scale属性设置为1,因此它不使用devicePixelRatio:html2canvas.hertzen.com/configuration