Canvas.toDataURL 画像のクロスドメイン問題を迅速に解決する

前述したように、ページの画像アドレスをローカル (Html2Canvas.js) で出力する場合、さまざまなソースからのクロスドメインの問題により、toDataURL へのアクセス許可の問題が発生します。

[オリジン 'http://sub1. xx.com ' は、クロスオリジン リソース共有ポリシーによってロードがブロックされています。要求されたリソースには 'Access-Control-Allow-Origin' ヘッダーが存在しないため、オリジン 'http://sub2.xx.com' は存在しません。 ]

解決策:

エラー分析のニーズに応じてコントロールヘッダーに「Access-Control-Allow-Origin」を追加します。つまり、ソースファイルのアクセス許可を許可してから、このページを処理します[注意してください]ページの画像は次のように出力されます]:

var img = new Image;
img.onload = myLoader;
img.crossOrigin = 'anonymous'; //可选值：anonymous，*  
img.src = 'http://myurl.com/....';

または HTML

核心は次のとおりです。リクエスト ヘッダーに Origin: "anonymous" または "*" フィールドが含まれている場合、Access-Control-Allow-Origin: * フィールドが応答ヘッダーに追加され、問題は解決されます。

Canvas.toDataURL 画像のクロスドメイン問題を迅速に解決する方法に関する上記の記事は、編集者が共有したすべての内容です。参考にしていただければ幸いです。また、皆様にも PHP 中国語 Web サイトをサポートしていただければ幸いです。 。

Canvas.toDataURL 画像のクロスドメイン問題を迅速に解決するためのその他の関連記事については、PHP 中国語 Web サイトに注目してください。