如何截取隐藏div的屏幕截图? 下面给出的代码不适用于隐藏的 div。
HTML
<div id="mydiv" style="display:none;" >
<p>Text</p>
</div>
<div id="canvas" style="display:none;">
<p>Canvas:</p>
</div>
<div id="image">
</div>
脚本
<script>
var elem = $('#printDiv');
html2canvas(elem, {
onrendered: function (canvas) {
var data = canvas.toDataURL('image/png');
var image = new Image();
image.src = data;
document.getElementById('image').appendChild(image);
}
});
</script>
当我们将 div“mydiv”的样式设置为“display:block”时,它就会起作用。
最佳答案
html2canvas(mydiv, {
onclone: function (clonedDoc) {
clonedDoc.getElementById('mydiv').style.display = 'block';
}
}).then((canvas)=>{
//your onrendered function code here
})
关于javascript - 使用 html2canvas 隐藏 div 的屏幕截图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20605269/