問題タブ [html2canvas]

非常に奇妙な問題です...投稿のメソッドに複数の値を渡そうとしています。オブジェクトとして投稿しない限り、問題なく動作します。しかし、オブジェクトとして投稿しようとすると、エラーが発生します

Uncaught InvalidStateError: 使用できない、または使用できなくなったオブジェクトを使用しようとしました。

ここにコードがあります

これは機能します

しかし、これは機能しません

オブジェクトとして送信しようとすると不平を言う理由がわかりません

外部 Web サイトからスクリーンショットをキャプチャし、ページに結果を挿入するためにサイズを変更しようとしています。html2canvas を使用していますが、外部ページのスクリーンショットを作成してサイズを変更する方法がわかりません。私はこのように試しました：

しかし、それはうまくいきません 誰か私にアドバイスがありますか？

前もって感謝します

すべての子画像 src を配列に格納しています。サンプル テンプレートを作成し、配列ループで src を変更しており、それらを image に変換したいと考えています。ただし、最後の 4 つの配列値のみがイメージとして保存されます。これはajaxの問題ですか、それとも何ですか??

HTML コード:

JQuery コード:

PHP コード:

そのため、Google マップ (v3 API) を画像として保存する最も効率的な方法を見つけようとしています。最初に、snapshopcontrol.js を使用してみましたが、これはうまく機能しますが、150 を超えるマーカーがあるマップがいくつかあるため、URL の制限を超えています。

次に、マップの画像を作成する html2canvas で次のコードを試しましたが、html2canvas がそれをレンダリングするとすぐに、マップの位置がシフトし、マーカーが lat 0 lng 0 のように見えるものの上に移動します。

地図がずれず、正しい位置にとどまっていれば完璧です。なぜこれが起こっているのか、誰かが光を当てることができますか?

html2canvas適用前のスクリーンショット

html2canvas 適用後のスクリーンショット

UPDATE 私のJSコンソールでは、それは言う

「XSS オーディターは、"http://...." のスクリプトの実行を拒否しました。そのソース コードが要求内に見つかったためです。サーバーが 'X-XSS-Protection' も 'Content. -Security-Policy のヘッダーです。」

「クロスオリジン リソース共有ポリシーによって、クロスオリジン イメージの読み込みが拒否されました。」"data:image/png;base64,iV......"