html2canvas 截图空白问题解决：延迟加载内容

使用 html2canvas 截图下半部分空白，延迟了还是空白内容：这可能是因为在截图时，内容尚未完全加载完成。可以尝试在延迟截图的代码中添加等待时间，确保内容完全加载后再进行截图。

下面是一个使用 setTimeout 进行延迟截图的示例代码：

html2canvas(document.body).then(function(canvas) {
  // 将canvas转换为图片
  var imgData = canvas.toDataURL();
  var img = new Image();
  img.src = imgData;

  // 创建一个新的窗口并显示图片
  var newWindow = window.open();
  newWindow.document.write('<img src=' + imgData + '/>');
});

// 延迟截图，等待内容加载完成
setTimeout(function() {
  html2canvas(document.body).then(function(canvas) {
    // 将canvas转换为图片
    var imgData = canvas.toDataURL();
    var img = new Image();
    img.src = imgData;

    // 创建一个新的窗口并显示图片
    var newWindow = window.open();
    newWindow.document.write('<img src=' + imgData + '/>');
  });
}, 2000); // 延迟2秒进行截图

在上面的代码中，使用了 setTimeout 来延迟截图 2 秒钟。你可以根据实际情况调整延迟时间。这样就能确保截图时内容已经完全加载，并且避免了截取到空白部分的问题。