Javascript 使用Html2Canvas的Textarea屏幕截图

Javascript 使用Html2Canvas的Textarea屏幕截图,javascript,jquery,html,screenshot,html2canvas,Javascript,Jquery,Html,Screenshot,Html2canvas,我正在使用html2canvas库截图。这是我的 当点击到图像按钮时,会显示文本区域 目前,它忽略了滚动条文本,只拍摄文本区域可见的屏幕截图。我想拍摄整个textarea文本的屏幕截图 window.takeScreenShot = function() { html2canvas(document.getElementById("target"), { onrendered: function(canvas) { document.body.appendChild(ca

我正在使用html2canvas库截图。这是我的

当点击
到图像
按钮时,会显示文本区域

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

window.takeScreenShot = function() {
  html2canvas(document.getElementById("target"), {
    onrendered: function(canvas) {
      document.body.appendChild(canvas);
    },
    width: 320,
    height: 220
  });
}
有人能帮我解决这个问题吗?非常感谢您的帮助


谢谢

在拍摄屏幕截图之前,请将文本区域高度设置为包含所有内容。然后在()之后重置高度:


感谢当前屏幕截图显示了单行中的所有内容,如果您选中此示例,它将在单行@Mottie中截图多行输入
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
  });
}