Cargo Collective にポートフォリオがあります。canvas を使用する JS 駆動の動的ヘッダーを実装しようとしています。 例はこちら
キャンバスに PNG 画像を描画し、getImageData() でピクセル情報を取得しています。ローカルでテストするとすべて正常に動作しますが、Cargo で恐ろしい汚染されたキャンバス エラーが発生します。
Unable to get image data from canvas because the canvas has been tainted by cross-origin data.
Uncaught Error: SECURITY_ERR: DOM Exception 18
これは、Cargo CMS の画像が次のようなアドレスの独自のサーバーでホストされているという事実に由来します。
これに対する唯一の明らかな解決策は、プログラムで使用するこの 1 つのイメージをホストするためだけに Web スペースを購入することです。これは少しばかげているように聞こえ、サードパーティの CMS に依存する目的を部分的に無効にします。
これを回避する他の方法はありますか？
存在しない場合、2 つの異なるホストの DNS A レコードを管理するにはどうすればよいですか?
私のホームページ アドレスhttp://flakesix.comは Cargo Collective サーバーを指している必要がありますが、画像は別のサーバー (たとえば、ドメイン名を取得した GoDaddy) から取得する必要があります。
私は少し迷っています。
どんな助けでも感謝します。