17

html2canvasを使いたいのですが、どうすればいいのかわかりません。

Hertzenに違和感はなく、彼は素晴らしいスクリプトを作成しましたが、ドキュメントが不完全であるため、かなり役に立たないです。

JSFeedbackを見ましたが、スクリプト全体（HTMLソースから「盗む」必要がありました）は、彼のバージョンのhtml2canvasでのみ機能します。コメントでは、オープンソースの準備ができていないと彼は言います。

どんな助けでも本当に感謝されます-Apparatix。

4

2 に答える 2

13

これを回してみましょう --

index.html に、次の JavaScript ファイルを追加します。

<script type="text/javascript" language="javascript" src="js/jquery.js">
</script>
 <script type="text/javascript" language="javascript" src="js/html2canvas.min.js">
</script>
<script type="text/javascript" language="javascript" src="js/jquery.plugin.html2canvas.js">
</script>

最後の 2 つは https://github.com/downloads/niklasvh/html2canvas/v0.34.zipからダウンロードできます。

Javascript では、次のようにコーディングできます (#myObjectId を有効な JQuery セレクターに置き換えます)。

$('#myObjectID').html2canvas({
    onrendered : function(canvas) {
    var img = canvas.toDataURL();
    // img now contains an IMG URL, you can do various things with it, but most simply:
        $('<img>',{src:img}).appendTo($('body'));
            }
        });
于 2012-11-27T19:44:28.630 に答える
2

html2canvas は基本的に、指定した DOM オブジェクト内のすべてのもの (すべての子とその子など) を取得し、それらのさまざまな特性 (境界線、コンテンツ、スタイルなど。 canvas.toDataURL() は、キャンバスのコンテンツを、タグ内の src として使用できる画像を表す文字のストリームに変換します。つまり、

<img src=imgdataurl>

または、このようにjavascript/jqueryを介して背景画像を設定します-

$('#someDiv').css('background-image','url('+imgdataurl+')')

うまくいかない場合は、間違った親 DOM 要素を指定している可能性があります。$('#myObj') の代わりに $('body') を試してみて、問題が発生するかどうかを確認してください。

于 2012-11-28T13:28:29.973 に答える