6

サイトのユーザーがボタンを押して、現在の画面のスクリーンショットを撮れるようにしようとしています (本文のすべて)。

私の調査によると、html2canvas はこれを可能にするリソースのようです。

私の問題は、ドキュメントにサンプルコードが記載されておらず、関連する手順を把握するのに苦労していることです.

http://html2canvas.hertzen.com/documentation.html

次の SO の質問 ( html2canvas を使用してスクリーンショットをアップロードする方法は? ) は、私を少し混乱させます。この時点で画像を取得する方法を知りたいだけです。

彼のコードから。

$(window).ready(function(){
    ('body').html2canvas();
    var canvasRecord = new html2canvas(document.body).canvas;

     //At this point does the .toDataURL method return a png?
});

この時点で、画像がどこにあるのか、またはいつどのように作成するのかさえわかりません。後でサーバーに送信するのが心配です。

任意の情報をいただければ幸いです。ありがとう！(html2canvas も必要ですか?)

4

3 に答える 3

1 
$("#screenshot").click(function() {
  $("body").html2canvas({
    onrendered: function( canvas ) {
      $(".filt_opt_n").html(canvas);
      //window.open(img);
    }
  });
});
<div id="screenshot"></div>

.filt_opt_nこれは、出力を表示したいdivです。これは私にとってはうまくいっています

于 2013-02-08T07:34:35.347 に答える
0

古い質問かもしれません。あなたはこれを試すことができます！

var htmlCanvas = new html2canvas(document.body);
var queue = htmlCanvas.parse();
var canvas = htmlCanvas.render(queue, { elements: { length: 1} });
var img = canvas.toDataURL();
于 2014-12-03T10:31:38.017 に答える