Проблема с библиотекой Dom-to-Image ⇐ Html

[Anonymous]

Я пишу функцию, чтобы отобрать свой DOM (div с идентификационным содержанием) для изображения PNG, используя DOM-to-Image и загрузку на мой сервер после рендеринга, поэтому асинхронная функция, представленная для ожидания для завершения обработки изображений, но после введения его рендеринг ненормально в разных моделях.function PrintDiv(div, type) {

return new Promise((resolve) => {
imgf.src = '';
var node = document.getElementById(div);
const scale = 3;
var options = {
height: node.offsetHeight * scale,
width: node.offsetWidth * scale,
style: {
transform: "scale(" + scale + ")",
transformOrigin: "top left",
width: node.offsetWidth + "px",
height: node.offsetHeight + "px"
}
};
domtoimage.toPng(node, options).then(function (dataUrl) {
imgf.src = dataUrl;
resolve(true);
}).catch(function (error) {
console.error('oops, something went wrong!', error);
resolve(false);
});
});
}
< /code>
Код драйвера: < /p>
async function savetoserver(){

if(document.getElementById("sphoto").complete){
let isImageProcessed=await PrintDiv('content',1);
if(isImageProcessed){
// execute uploading
}else{
//image process failed
savetoserver();
}
}
}

Перед изменением функции SavetoServer на Async , это была обработка правильного изображения, но после добавления ключевого слова Async , его поведение ненормально в разных браузерах.
Ожидаемый выход:

Выход в Mozilla firefox:


Здесь я использую отдельный div для отображения всех содержимого, например:
name
dob


Подробнее здесь: https://stackoverflow.com/questions/676 ... rary-issue