画布图像的大小因桌面和移动设备的不同而不同 [英] Canvas image different size in pixels from desktop to mobile

问题描述

嘿，我创建了这个站点：http://dst.dstealth.com以帮助使用html2canvas从HTMLdiv元素自动生成PNG图像。我的html2画布是用静态宽度n高度初始化的。

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

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

我原以为设置一个视区元会有所帮助，但结果却使我的桌面浏览器开始以稍大的分辨率保存图像，因此我已在代码中暂时将其注释掉。

谁能帮助我了解这里发生了什么，以及我如何确保生成的图像始终是876 x 434？

推荐答案

根据html2canvas文档，您需要将Scale属性设置为1，以便它不使用DevicePixelRatio：html2canvas.hertzen.com/configuration

这篇关于画布图像的大小因桌面和移动设备的不同而不同的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！