[JavaScript]canvasタグのgetImageDataでエラー

JavaScriptでcanvasタグのgetImageDataメソッドを使うと次のようなエラーが発生した。

Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

これ、理由としては、drawImageメソッドでドメインの違うURLの画像を適用させてしまうと、発生してしまうエラーのようでした。

対策としては、リクエスト先のヘッダーにAccess-Control-Allow-Originを設定してもらう必要があるらしく、今回は、時間がなかったので、base64のデータを直接読み込ませることでエラーを回避しました。