問題タブ [html2canvas]

html2canvas 0.4.0 でスクリーンショットをレンダリングしており、Web サーバーに画像として保存したいと考えています。

そのために、次の関数を作成しました。

JavaScript

saveJPG.php

キャンバスがレンダリングされた後、HTML 本文に完全に追加できますが、サーバーに保存すると (?) ファイルが破損します。

IrvanView で寸法を読み取ることはできますが、画像が透明/空になっていますか? ファイルのサイズは約 2.076 KB です。だから本当に空じゃない。

JPEG でもこれを試してみたところ、ファイルが破損し、IrfanView は「偽のマーカーの長さ」のようなことを言います。

スクリーンショットのサイズは 650x9633 です。POST メソッドのデータが多すぎますか?

PHPダウンロードスクリプトのみを使用して、html2canvasを画像ファイルにダウンロードできるようにしたいと考えています。このページには、ユーザーが演習用に選択できる形状のスライド バーがあります。結果が表示された Web ページをキャプチャして、画像ファイルに保存する必要があります。

以下は、html コードに埋め込んで使用したスクリプトです。

downloader.php ファイルに対して以下のスクリプトを試しました。downloader.php.png という名前の空白の画像ファイルしか取得できません。助けてください!

JavaScript を使用して、HTML ファイルで Google マップの「スクリーンショット」を撮りたいと考えています。

マップは現在divタグで読み込まれているため、このタグを使用して画像を取得できません<div>。

しかし、キャンバスにロードできれば<canvas>、スクリーンショットを簡単に撮ることができます。この問題の解決策を教えてもらえますか?つまり、Googleマップをキャンバスにロードするにはどうすればよいですか?

または、これに対する代替ソリューションはありますか？

マップのスクリーンショットをキャプチャする方法についてしばらく試してみました。最後に、Html2Canvas を使用して Chrome で作業を開始し、スクリーンショット機能をキャプチャしました。

最初はプロキシと useCORS プロパティがありませんでした。問題は、ベース マップのみがキャプチャされ、そこにプロットされているマーカーがキャプチャされないことです。地図上のオーバーレイも同様です。それらもキャプチャされません。どうすればこれを機能させることができますか???? どんな助けでも素晴らしいでしょう!!!

前もって感謝します、

html2canvas (html2canvas.hertzen.com から) を使用してスクリーンショットをキャプチャします。次のような奇妙なエラーが発生しました: 私の Web ページのコードは、ホスト A などの 1 つのホストに置かれています。私の Web ページに別のホスト (ホスト B など) の画像が含まれている場合、次のエラーが発生します: クロスオリジンの画像の読み込みが拒否されました。クロスオリジン リソース共有ポリシー

ただし、混乱するのは、ホスト B が facebook の場合 (私の画像は facebook https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/372701_100000684388457_1551561655_q.jpgへの直接リンクです)、エラーが消えることです。

私の機能

ヒントを得た人はいますか？Tks

解決

私はかなりオーバーフローしているdivを持っています。基本的に大きな組織図が含まれています。私がやりたいのは、html2canvas ライブラリを使用して、目に見える部分ではなく div のコンテンツ全体をエクスポートすることですが、これまでのところ達成できませんでした。次のコードは完全なコンテンツをレンダリングしません。それを達成する方法はありますか？

BasicPrimitives ライブラリを使用して組織図を生成しています。div を取り、それにすべての要素を挿入します。私のチャートは適度に大きいので、そのコンテナからオーバーフローします。Xhtml コードは次のとおりです。

この質問に対する解決策を見つけるために、私はすでに StackOverflow と Google の周りを調べましたが、これまでのところ運がありません。Django から動的にレンダリングされたコンテンツを含む HTML ページを取得しました。すべて標準のテキストと画像でうまく機能しますが、時々、スクリーンショットで黒い画像として表示される HTML5 Video 要素も表示されます。ポスターを追加しても役に立ちませんでした。実際にhtml5ビデオ要素のスクリーンショットを撮ることが何とか可能であることを誰かが知っていますか? （フラッシュなどではない）そうでない場合、私の2番目のアプローチは、内部にhtmlコンテンツを含むjs変数を作成し、ビデオをビデオのポスター属性から作成された画像に置き換えることでした。その後、その js 変数を html2canvas に送信してスクリーンショットを取得します。この理由は、ユーザーのページのルック アンド フィールを変更できないため、何らかの形でバックグラウンドでこの作業を行う必要があるためです。アイデアは使用することでした

しかし、これは私に与え続けるだけUncaught TypeError: Cannot read property 'images' of undefinedなので、そのアイデアは失敗します...これを実際に機能させる方法を知っている人はいますか、それともhtml2canvasスクリーンショットのためにビデオを画像に置き換える方法を他に考えていますが、ユーザーには変更が表示されませんWebサイト？よろしくお願いします!!!