Javascript 使用Html2Canvas的Textarea屏幕截图
我正在使用html2canvas库截图。这是我的 当点击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
到图像
按钮时,会显示文本区域
目前,它忽略了滚动条文本,只拍摄文本区域可见的屏幕截图。我想拍摄整个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
});
}