html2canvas tab页,javascript - html2canvas to print modal area - Stack Overflow

function sendData() {

var modalButton = $('[data-target="#myModal2"]')[0];

modalButton.click();

var modal = $('#myModal2')[0];

setTimeout(function() {

document.getElementById('myModal2').style.display = 'none'; // you use your modal's style display to "none" before converting to canvas image and again back to style display: 'block' or if any.

html2canvas(document.getElementById('capture'), {

allowTaint: false,

useCORS: true

}).then(function(canvas) {

downloadCanvas(document.getElementById('test'), canvas, 'test.png');

modalButton.click();

});

document.getElementById('myModal2').style.display = 'block'; // changing modal's style back to normal after canvas image gets created

}, 1000);

}

function openCity(evt, cityName) {

var i, tabcontent, tablinks;

tabcontent = document.getElementsByClassName("tabcontent");

for (i = 0; i < tabcontent.length; i++) {

tabcontent[i].style.display = "none";

}

tablinks = document.getElementsByClassName("tablinks");

for (i = 0; i < tablinks.length; i++) {

tablinks[i].className = tablinks[i].className.replace(" active", "");

}

document.getElementById(cityName).style.display = "block";

evt.currentTarget.className += " active";

}

function downloadCanvas(link, canvas, filename) {

link.href = canvas.toDataURL();

link.download = filename;

link.click();

}

document.getElementById("defaultOpen").click();

Bit ugly fix, but I hope it helps you as far i understood your issue posted here.