Textarea Html2Canvasを使用したスクリーンショット

Question

私はスクリーンショットを撮るためにhtml2canvasライブラリを使用しています。これは私のexampleです。

to imageボタンをクリックすると、テキストエリアのスクリーンショットが表示されます。

現在のところ、スクロールテキストは無視されており、テキストエリアに表示されているスクリーンショットのみを取得しています。テキスト全体のテキストのスクリーンショットを撮りたい。

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

誰でもこの問題の解決に手伝ってもらえますか？ヘルプは本当に感謝しています。

おかげ

Answer 1

あなたはスクリーンショットを撮る前に、すべてのものを含めるようにテキストエリアの高さを設定します。この例を確認した場合、それがマルチスクリーンショットます//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 
    }); 
}