質問として、ページの画像アドレス(html2canvas.js)のローカル出力が異なるソースにドメインクロスの問題があり、todataurlアクセス許可の問題が発生します。
Originでリダイレクト 'http://sub1.xx.com'は、クロスオリジンリソース共有ポリシーによる読み込みをブロックされています。 Origin 'http://sub2.xx.com'はアクセスを許可されていません。
解決:
エラー分析によると、「アクセスコントロールアロウオリジン」がコントロールヘッダーに追加されます。つまり、ソースファイルにアクセスする許可が許可されています。次に、このページに対処します[ページの写真を出力することに注意してください]:
var img = new image; img.onload = myloader; img.crossorigin = 'anonymous'; //オプション値:匿名、 * img.src = 'http://myurl.com/...';
またはHTMLで
<img src = "" id = "imgclcd" crossorigin = "anonymous">
コアは、リクエストヘッダーに「匿名」または「 *」フィールド、およびアクセス制御コントロールオリジン: *フィールドが応答ヘッダーに添付されて問題を解決することです。
上記の記事では、キャンバスのクロスドメインの問題をすばやく解決します。TodataurlPicturesは、私があなたと共有したすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。