Textarea截图使用Html2Canvas

Question

我正在使用html2canvas库来截取屏幕截图。这是我的example。

单击to image按钮需要textarea的sreenshot。

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

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

有人可以帮我解决这个问题吗？非常感谢帮助。

由于

Answer 1

在拍摄屏幕截图之前，请设置textarea高度以包含所有内容。然后在（demo）之后重置高度：

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
  });
}