2015-01-03 2 views
6

html2canvas.js画像を取り込みません。それは画像が現れる空白を残す。html2canvas画像を取り込みません

function capture() 
{ 
    html2canvas(document.body, { 
     allowTaint: true, 
     logging:true, 
     onrendered: function(canvas) { 
     imagestring = canvas.toDataURL("image/png"); 
     console.log(imagestring); 
     document.body.appendChild(canvas); 
     } 
    }); 
} 

私は多くを試みましたが、私は解決策を見つけることができません。

ヘルプは高く評価されています:)

+0

あなたはスクリーンショットを撮るためにHTML5/Canvas/JavaScriptを使用しようとしていますか? –

+0

html2canvas.jsを使用してスクリーンショットを撮っています。 – Karthikeyan

+0

ここをクリックhttp://html2canvas.hertzen.com/examples.html –

答えて

9

私はサーバーでホストすると機能します。セキュリティ上の制約により、セキュリティ上の制約があります。

+0

こんにちは@Karthikeyan画像やいくつかのsvg要素をキャプチャしない –

+0

こんにちはRahul、hml2canvas.jsを使ってスクリーンショットを撮っていますか?モバイル版とデスクトップ版のどちらを使用しているのですか? wampのようにサーバーでホストした後に試しましたか? – Karthikeyan

+0

私はnodejsとwebrtcを使ってアプリケーションのeラーニングシステムを開発しました。今私はそれのために私はhttps://www.webrtc-experiment.com/RecordRTC/このAPIを使用しているので、画面の記録モジュールを追加する必要があります。 html2canvasライブラリを使用してスクリーンを撮影し、画面を記録するウェブページを作成します。しかし、私のページでは、ホワイトボードとして私はsvg要素を使用しています。したがって、このAPIを使用して画面を記録すると、基本的なhtml5要素のみが記録されますが、svg要素およびsvg要素内の画像は記録されません。 –