Textarea ekran görüntülerini kullanma Html2Canvas

Question

Ekran görüntülerini almak için html2canvas kütüphanesini kullanıyorum. Bu benim example.

to image düğmesini tıklattığınızda, textarea'nın bir arka planını alır.

Şu anda, kaydırıcı metni görmezden geliyor ve sadece metin üzerinde görünen ekran görüntüsünü alıyor. Bütün textarea metninin ekran görüntüsünü almak istiyorum.

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

Bu sorunu çözmeme yardımcı olan var mı? Yardım gerçekten takdir edilecektir.

Teşekkür

Answer 1

, ekran görüntüsünü almadan önce, her şeyi eklemek için textarea yüksekliğini ayarlayın. Bu örneği işaretlerseniz o çok çekim ekrana olacaktır //jsfiddle.net/sodofkcs/46/:

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