ローカルでCanvasを使うとGoogle Chromeではエラーになるときの対処方法

HTML・CSS

Canvasを使いGoogle Chromeで、そのままサイトを表示させると以下のようなエラーが表示されることがあります。

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

そのような時は、ローカルサーバーを起動させて、そこでファイルを表示させることでエラーにならずに表示させることができます。

例:http://localhost/ページ.html

スポンサーリンク

コメント

タイトルとURLをコピーしました