Html2Canvas：不同设备产生的不同图像

Question

我正在使用Html2Canvas将div的内容转换为base64字符串。

但是，我正在努力正确地配置它。对于不同的结果，它会产生不同的结果。我的猜测是这与屏幕分辨率有关。

这是我的代码：

html2canvas(document.querySelector('#dpo_base_image'),
{
    height: $('#dpo_base_image').height(),
    width: $('#dpo_base_image').width(),
    useCORS: true,
    allowTaint: true,
}
).then(canvas => {
   $('<input>').attr('type', 'hidden').attr('name', 'properties[_DataUrl]').attr('value', canvas.toDataURL()).appendTo('form');
});

在查看文档时，我有很多选择，如下所示：

1. 比例尺：用于渲染的比例尺。默认为浏览器的设备像素比率。
2. width：画布的宽度。
3. height：画布的高度。
4. windowWidth：渲染元素时要使用的窗口宽度，这可能会影响媒体查询之类的内容。
5. windowHeight：渲染元素时要使用的窗口高度，这可能会影响诸如媒体查询之类的事情。

此处有更多详细信息：https://html2canvas.hertzen.com/configuration

我是一名后端开发人员，不了解屏幕尺寸或分辨率可能如何影响这一点。

有人能指出我不断获得2000像素宽和2479像素高的图像的方向吗？

我尝试将这些值放在w​​idth / height参数中，但仍然得到不同的图像结果。

感谢您的帮助。