Я пытаюсь захватить изображение содержимого диалогового окна jquery ui. Div прокручивается в диалоговом окне. при открытии окна печати изображение захватывается только из видимой части изображения. Мне нужно захватить полный контент Div. пожалуйста, посмотрите мой код, как показано ниже.
$(".printbutton").click(function (e) {
e.stopPropagation();
$('.printthisdiv').html2canvas({
useCORS: true,
logging: true,
onrendered: function (canvas) {
var frame1 = document.createElement('iframe');
frame1.name = "frame1";
frame1.style.position = "absolute";
document.body.appendChild(frame1);
var frameDoc = frame1.contentWindow ? frame1.contentWindow : frame1.contentDocument.document ? frame1.contentDocument.document : frame1.contentDocument;
frameDoc.document.open();
frameDoc.document.write('<html><head><title>wotgoon.com</title></head><body><h1>Wot Go On Premier Events</h1><hr /><img src="' + canvas.toDataURL("image/png") + '"><hr /></body></html>');
frameDoc.document.close();
setTimeout(function () {
window.frames["frame1"].focus();
try {
window.frames["frame1"].print();
} catch (e) {
window.frames["frame1"].print();
}
document.body.removeChild(frame1);
}, 500);
}
});
});
вот пример изображения
1-е изображение при открытии диалогового окна jquery
![enter image description here](https://i.stack.imgur.com/WNzT5.png)
2-е изображение, когда я нажимаю на печать, и оно захватывает только видимую часть div.
![enter image description here](https://i.stack.imgur.com/rebX6.png)