ページの一部分のhtml2canvas画面キャプチャ

Question

html2canvasを使用して画面の一部の画面キャプチャを生成しようとしましたが、ドキュメント全体のイメージが生成されました。

ここで何か問題がありますか？ （「グラフ」のdiv IDである）

$("#graph").html2canvas(); 

また、どのように指定された要素以外の他の場所に得られた画像を保存しますか？

Answer 1

あなたはこれを理解したかもしれませんが、代わりに一重引用符を使用してコード行を試しましたか？私は単一引用符で同じコードを使用しており、それは正常に動作します。あなたの2番目の質問を参照する

$('#graph').html2canvas(); 

、あなたが別の場所に画像を保存することで意味を明確にすることができますか？ "jquery.plugin.html2canvas.js"を使用していると仮定して理解している場合は、そのファイルの "$ canvas.css"行を編集して、キャンバスオブジェクトをどこに追加するかを指定する必要があります。

あなたが考えているかもしれない1つのオプションは、ボディに追加することですが、オブジェクトを表示し続けることがないようにcssを "display：none"に設定することです。次に、cssプロパティの後に、独自の関数を使用してキャンバスオブジェクトを操作できます。

$canvas.css({width: '500px', height: '500px', display:'none'}).appendTo(document.body); 
$canvas.attr('id', 'canvasObj'); 
manipulateCanvasFunction(document.getElementById('canvasObj')); 

これは「manipulateCanvasFunction」あなたに完全なキャンバスオブジェクトを送信し、あなたはキャンバスオブジェクトとやりたいことができます。

this質問スレッドがあります。