問題タブ [html2canvas]

html2canvas ライブラリを使用して、テーブルの png 画像を作成します。

Chrome、Firefox、Safari で動作します。

コードは次のとおりです。

IE8 でページを開くと、ページが機能しません。

flashcanvas を使用する必要があることを読んだので、flashcanvas ライブラリを追加し、ページに次の行を追加しました。

ということで、IE8でページを開いたところ、flashcanvas.jsというライブラリが読み込まれていました！

しかし、問題は残ります！IE8は私に言います：

誰でも私を助けることができますか？

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

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

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

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

私は次のコードを持っています、それはFirefoxでうまく動作しますが、画像は何らかの理由でChromeでレンダリングされていません、何かアイデアはありますか？

キャンバス div にスクリーンショットを表示する html2canvas に問題があります。

実際に写真が表示されます

しかし、キャンバスにコードを表示したい

インライン JavaScript では、div コンテナー ID を変更できますが、キャンバス要素で画像を取得するためにコードを変更する方法がわかりません。

html2canvasを使用して、SVGを含むHTMLページの「スクリーンショット」を作成しています。要素を除いて、すべてが良さそうです。CanvasでSVGをレンダリングできるはずだと私は知っています。PhantomJS、fabric.js、CanVGがそれを行います。

これはhtml2canvasがサポートしていないものですか？それとも私は何か間違ったことをしていますか？これはうまくいくはずですか？

これが実装されていない場合、（canvgを使用して）html2canvasを拡張するための最良の方法は何ですか？

html2canvas は複数の要素 (document.body 以外) を送信できますか? ページ内のいくつかの要素のみに基づいて画像を生成したくない場合、レンダリングしたくない要素がいくつかあるとします..このコードを編集するにはどうすればよいですか?

ところで、window.open は、元の html データに干渉せずに、別のページに画像を表示したくないことを意味します。

html2canvasを使用して、カスタマイズ後に製品のイメージを生成するクライアント用のカスタム製品コンフィギュレーターを作成しました。以前は完全に機能していましたが、html2canvas.appspot.comを呼び出そうとして、404エラーが返されることに気付きました。これが私のコードです：

私の質問はこれです...html2canvas.appspot.comをまったく呼び出さないようにこのコードを変更するにはどうすればよいですか。私はここでスタックをたくさん読んでグーグルでたくさん読んでいますが、私の画像とすべてが私のページにすべてあるので、「プロキシ」URLは必要ないと聞いています。しかし、proxy：false、proxy：''、proxy：undefinedを追加してみましたが、それでもそこに呼び出しを続けます。

これが実際に動作していることを確認して、それまたはその内容をファイアバグしたい場合は、http ：//stoles.com/stoles/page/customStoleにアクセスしてください。

ユーザー名は：alexパスワードは：superman

[カートに追加]をクリックすると、FirebugのJSペインに404エラーがスローされることがわかります。

私はこれに途方に暮れているので、どんな助けもありがたいです。

これが私の最初の質問です。

html2canvasを使用して、最終的にリモートサイトのスクリーンショット（ユーザーが送信したURL）を取得しようとしています。

問題は、クロスドメインセキュリティ機能です。オフサイトのアセットによってロックされているため、キャンバスから読み取ることができません。

解決策は、ライブラリに組み込まれているプロキシ機能を使用することです。

pythonとnode.jsバージョンのgithubプロジェクトがいくつかありますが、phpで実行する必要があります。

この機能を実装する方法とその機能を実現する方法については多くのトピックがありますが、独自のプロキシを作成する方法を実際に説明しているものはありません。

私の質問は2つありますが、PHPに既存のソリューションはありますか？そうでない場合は、自分で作成することについていくつか質問があります。1.）プロキシの出力形式は何ですか。jsonオブジェクト？レンダリングされた画像？base64でエンコードされたデータ文字列？2.）これらのファイルはサーバー上に保持する必要がありますか、それとも単にレンダリングしてから消える（上書きする）ことができますか？

これは大まかに私が考えていることです：

html2canvas を使用してスクリーンショットを撮ろうとしています:

私の体の背景は透明なので、jpeg のため urlData の背景は黒です (ブラウザのように白ではありません)。
この場合、この動作を修正して背景色を白にするにはどうすればよいですか?

を使用してdivを画像にキャプチャしようとしていますhtml2canvas

ここで同様の質問をいくつか読みました

html2canvas を使用してスクリーンショットをアップロードするには?

html2canvas を使用して Web ページのスクリーンショットを作成する (正しく初期化できない)

コードを試してみました

と呼ばcanvasRecordれるundefined_.html2canvas()

そしてこれも

ブラウザは、次のようないくつかの（正確には48個の）同様のエラーを返します。

ところで、私はv0.34を使用していて、参照ファイルhtml2canvas.min.jsを追加しましたjquery.plugin.html2canvas.js

画像をキャプチャするためにをdiv変換するにはどうすればよいですか。canvas

2013 年 3 月 26 日編集

Joel のサンプル作品を見つけました。

残念ながら、Google マップをアプリに埋め込むと、エラーが発生します。