JavaScript - echart イメージは iframe にエクスポートされ、クロスサイトが発生します

Question

echart のエクスポート画像を iframe にエクスポートしたいのですが、クロスドメイン エラーが発生します。どのように修正すればよいですか? echart が提供する myChart.getDataURL() メソッドを使用します。

Answer 1

通常、ピクチャはクロスドメイン アクセスを許可しており、クロスドメイン ピクチャもキャンバスで使用できますが、キャンバスが汚染されると、そのデータは読み取られなくなります。 toDataURL() または getImageData() メソッド。
ブラウザのこのセキュリティ メカニズムにより、リモート サーバーの画像が許可なく悪用されるリスクが回避されます。
そのため、キャンバスでクロスドメインの画像リソースを使用する必要がある場合は、次の Apache 設定を参照してください。スニペット

リーリー

echart 自体はキャンバス テクノロジーを使用しています。クロスドメインはキャンバスのセキュリティ メカニズムによって発生するため、画像ソースを変更することをお勧めします。