从桌面到手机的画布图像的像素大小不同

时间:2019-02-22 10:27:23

标签: canvas size png viewport html2canvas

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

现在,当我在台式机浏览器(例如chrome)上使用该网站时,它将生成并保存为876 x 434像素大小的图像,这是我想要的输出。

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

我认为设置视口元数据会有所帮助,但这反而使我的桌面浏览器开始以稍大的分辨率保存图像,所以我现在在代码中对此进行了注释。

任何人都可以帮助我了解这里发生的事情以及如何确保生成的图像始终为876 x 434吗?

1 个答案:

答案 0 :(得分:1)

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