我正在使用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');
});
在查看文档时,我有很多选择,如下所示:
此处有更多详细信息:https://html2canvas.hertzen.com/configuration
我是一名后端开发人员,不了解屏幕尺寸或分辨率可能如何影响这一点。
有人能指出我不断获得2000像素宽和2479像素高的图像的方向吗?
我尝试将这些值放在width / height参数中,但仍然得到不同的图像结果。
感谢您的帮助。