Canvas 图片从桌面到移动设备的像素大小不同
Canvas image different size in pixels from desktop to mobile
嘿，所以我创建了这个网站：http://dst.dstealth.com 以帮助使用 html2canvas 从 HTML div 元素自动生成 png 图像。我的 html2canvas 初始化为静态宽度 n 高度。
现在，当我在 chrome 这样的桌面浏览器上使用该网站时，它会生成并保存尺寸为 876 x 434 像素的图像，这是我想要的输出。
但是当我在 Android chrome 浏览器上执行完全相同的操作时，它会生成超过 2000 x 2000 像素的图像。
我认为设置视口元数据会有所帮助，但这反而让我的桌面浏览器开始以稍大的分辨率保存图像，所以我现在已经在我的代码中注释掉了。
任何人都可以帮助我了解这里发生的事情以及如何确保生成的图像始终为 876 x 434 吗？
根据 html2canvas 文档，您需要将比例 属性 设置为 1，这样它就不会使用 devicePixelRatio：html2canvas.hertzen.com/configuration
嘿，所以我创建了这个网站：http://dst.dstealth.com 以帮助使用 html2canvas 从 HTML div 元素自动生成 png 图像。我的 html2canvas 初始化为静态宽度 n 高度。
现在，当我在 chrome 这样的桌面浏览器上使用该网站时，它会生成并保存尺寸为 876 x 434 像素的图像，这是我想要的输出。
但是当我在 Android chrome 浏览器上执行完全相同的操作时，它会生成超过 2000 x 2000 像素的图像。
我认为设置视口元数据会有所帮助，但这反而让我的桌面浏览器开始以稍大的分辨率保存图像，所以我现在已经在我的代码中注释掉了。
任何人都可以帮助我了解这里发生的事情以及如何确保生成的图像始终为 876 x 434 吗？
根据 html2canvas 文档，您需要将比例 属性 设置为 1，这样它就不会使用 devicePixelRatio：html2canvas.hertzen.com/configuration