使用Html2Canvas的文本区域屏幕截图

Textarea screenshot using Html2Canvas

本文关键字：区域 屏幕截图 文本 Html2Canvas 使用      更新时间：2024-04-27

我正在使用html2canvas库进行屏幕截图。这是我的例子。

单击to image按钮时，它会显示文本区域。

目前，它忽略了滚动条文本，只拍摄文本区域可见的屏幕截图。我想把整个文本区域的文本截屏。

window.takeScreenShot = function() {
  html2canvas(document.getElementById("target"), {
    onrendered: function(canvas) {
      document.body.appendChild(canvas);
    },
    width: 320,
    height: 220
  });
}

有人能帮我解决这个问题吗？非常感谢您的帮助。

感谢

在进行屏幕截图之前，请将文本区域的高度设置为包括所有内容。然后在（演示）后重置高度：

window.takeScreenShot = function() {
  var textarea = document.getElementById("target");
  textarea.style.height = textarea.scrollHeight + "px";
  html2canvas(textarea, {
    onrendered: function(canvas) {
      document.body.appendChild(canvas);
      textarea.style.height = "";
    },
    width: 320,
    height: textarea.offsetHeight
  });
}
相关文章：