問題タブ [html2canvas]

Googleの「バグの報告」または「フィードバックツール」を使用すると、ブラウザウィンドウの領域を選択して、バグに関するフィードバックとともに送信されるスクリーンショットを作成できます。

_{重複した質問に投稿されたJasonSmallによるスクリーンショット。}

彼らはこれをどのようにやっていますか？GoogleのJavaScriptフィードバックAPIはここから読み込まれ、フィードバックモジュールの概要でスクリーンショット機能が示されます。

html2canvasを使用して、スクリーンショットをオブジェクトに保存するにはどうすればよいですか? デモを調べてみたところ、スクリーンショットを生成する関数が次のように生成されていることがわかりました。

私がやってみたのは

そして、それをupload()関数に渡します。私が抱えている問題は、スクリーンショットがhtml2canvas()ライブラリのどこで作成されているのか、またはどの関数がそれを返すのかがわからないことです。SOからのこの回答を使用してキャンバスオブジェクトを変換しようとしました(ただし、これを行う必要があるかどうかはわかりません)。

imgurにファイルをアップロードする方法について質問したところ、そこにある回答 (特に @bebraw のもの) は、何をする必要があるかを理解するのに役立ちます。

upload()関数は、Imgur サンプル API ヘルプからのものです。

私は html2canvas ライブラリを使用しています。html2canvas.Parse() を呼び出すと、ページが一番上にスクロールします。

html2canvas.Parse() を呼び出す前の位置を覚えていれば、元のスクロール位置に戻ることができると思いました。

1. ブラウザのスクロール (特に垂直) の現在の位置を取得しますか?
2. 以前に保存した位置にスクロールして戻りますか?

Google のようなフィードバックを必要とするプロジェクトが進行中です。もう道半ばです。キャンバス要素に必要な数の長方形を描画できます (描画されます)。ただし、エンコードおよびデコード（base 64）後にサーバー側でキャンバスを画像として保存すると; 私が持っていた画面全体ではなく、描画した長方形のみを取得します。背景に Google マップがありますが、画面に表示されません。最初にキャンバスに最初に HTML 全体を描画する必要があると思いますが、どうすればそれを行うことができますか? よろしくお願いいたします。

html2canvas プラグインを使用して Web ページのスナップショットを生成しています。問題は、localhost ではすべてが正常に実行されることですが、リモート サーバーに展開すると次のエラーが発生します。

動作するはずのプラグインを見つけました: https://github.com/niklasvh/html2canvas-proxy

使い方がわからないのが難点！

同様の質問がここで尋ねられますが、回答がありません: https://github.com/niklasvh/html2canvas/issues/61

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

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

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

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

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

彼のコードから。

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

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

http://html2canvas.hertzen.com/を使用して自分のWebページのスクリーンショットを撮ろうとしています。を使用してcanvas要素を初期化できません...

適切なキャンバスを手に入れることができたら、次のようなものをフォローします

残念ながら、ドキュメントは非常に限られたIMOです。http://html2canvas.hertzen.com/documentation.html。ダイナミックグラフィックスを使用していないので、プリロードする必要はないと思います（ただし、とにかくそれほど遠くまでは到達していません）

この男がhtml2canvasを使用した画面キャプチャで成功しているかどうかを理解するにはあまりにも初心者です

私はこの仲間よりも遠くに来ていないようです ..html2canvasを使用してスクリーンショットをアップロードするにはどうすればよいですか？

私の理想的なソリューションは、最小限のコードでスクリーンショットを作成する方法を示しています。（htmlをcanvasにコピーします。gettoDataURL文字列。出力文字列）

どんな洞察も大歓迎です=）

html2canvasに関するすべてのトピックを読みましたが、まだわかりません。画像に変換したいコンテンツを含むdivが1つと、それを実行する必要のある「PrintScreen」ボタンが1つだけあります。それで、それをどのように行うのですか？私は見つけたほとんどすべてのスニペットを試しましたが、それでも何もありません...どんな助けも素晴らしくてありがたいです！

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

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

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

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

このコードはほぼ機能
します。これにより、ページ全体がjpgの
質問に出力されます。内部のコンテンツのみを取得'#myDiv'してjpgファイルとして出力するにはどうすればよいですか。

JS：

postIO.php：

ここからの参照