htm2canvas не может перехватить переполненное содержимое диалогового окна - PullRequest
Новая
       9

htm2canvas не может перехватить переполненное содержимое диалогового окна

0 голосов
/ 10 сентября 2018

Я пытаюсь захватить изображение содержимого диалогового окна 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

2-е изображение, когда я нажимаю на печать, и оно захватывает только видимую часть div. enter image description here

...