javascript - 外部Webサイトのhtml2canvasスクリーンショット

Question

私はこれをどのように行うのかさえ分かりませんし、html2canvasのドキュメントはこの部分ではあまり役に立ちません。

この小さなコードでHTMLのスクリーンショットを作成できます。

target = $('#myDiv');
        html2canvas( target, {
        onrendered: function( canvas ) {
            /* canvas is the actual canvas element, 
               to append it to the page call for example 
             */
               document.body.appendChild( canvas );
            }
        })

しかし、URLを渡して、このページのスクリーンショットを作成できるようにしたいと思います。http://html2canvas.hertzen.com/screenshots.htmlのサンプルページのように

誰かが私にそれを始める方法のヒントを与えることができれば、私は本当にうれしいです。

Answer 1

セキュリティ上の理由から、外部URLだけをロードすることはできません。そのため、リンク先のページで説明されているように、ページをフェッチする別のサーバー側スクリプトを設定する必要があります。次に、そのスクリプトを直接またはAJAX経由で使用して、html2canvasの入力を提供します。