Node-vibrant: 'CanvasRenderingContext2D'で 'getImageData'の実行に失敗しました:キャンバスがクロスオリジンデータによって汚染されています

作成日 2019年03月17日  ·  5コメント  ·  ソース: Vibrant-Colors/node-vibrant

バージョン3.1.0以降。
バージョン3.0.0では発生しません。
スタックトレース:
SecurityError:「CanvasRenderingContext2D」で「getImageData」の実行に失敗しました:キャンバスがクロスオリジンデータによって汚染されています。
エラー:「CanvasRenderingContext2D」で「getImageData」の実行に失敗しました:キャンバスがクロスオリジンデータによって汚染されています。
BrowserImage.getImageData(browser.js?cf4e:105)で
BrowserImage.ImageBase.applyFilter(base.js?de7c:22)で
Vibrant._process(vibrant.js?b6c6:22)で
..。

bug investigation

最も参考になるコメント

やあ、みんな-ラジオの沈黙について1、3秒ごめんなさい。 最近、自分のためにたくさんのことを続けています。 この問題に取り組むことができるようになってからまだ約2週間です(そして他のいくつかのバグを非常に大幅に修正します)が、私が考えることができるcrossOrigin関連するいくつかのことを調べます他の誰かがそれを調べている場合は、頭のてっぺんに助けてください(私たちはPRが大好きで、調査を手伝っています!♥)

問題のコードは#61で追加され、最終的にコミットed21a58fda54774590da729d1a47e2b0b6f5a3a8で#81に移動されました。 このマージをもう少し調べて、データが適切にプルされていること、およびcrossOriginがライフサイクルなどで適切に設定されていることを確認する必要があります。

全てのコメント5件

私は同じ問題に直面しています

今日もこのエラーが発生しました。 私は何も更新しなかったので、何がそれを引き起こしたのかわかりません。
私はstackoverflowについていくつかの答えを見つけましたが、ライブラリの内部的な変更が必要になると思います。 その間にそれを修正する方法が正確にはわかりません。

@Shannorそれはすでにコードベースにあるようです。 私が取り組んでいるプロジェクトでこの問題が断続的に発生するため、このライブラリ自体ではなく、画像が提供されている場所に問題があるのではないかと思い、これを修正する方法もわかりません。 https://github.com/akfish/node-vibrant/blob/178f6afad09717e22613068a9229fe169b3c3228/src/image/browser.ts#L52

現在、私の画像はGoogleCloudバケットから取得されています。 現時点では、誰もがクラウドホスティングサービス(AWS、Azureなど)を使用していると思いますが。 node-vibrantが行うこと、または同様のことを行う他のリポジトリでこのバグを見たので、それが影響しているのはブラウザの変更である可能性があります。 私は目を光らせ続け、見つけたものはすべて新しい情報にリンクします。

やあ、みんな-ラジオの沈黙について1、3秒ごめんなさい。 最近、自分のためにたくさんのことを続けています。 この問題に取り組むことができるようになってからまだ約2週間です(そして他のいくつかのバグを非常に大幅に修正します)が、私が考えることができるcrossOrigin関連するいくつかのことを調べます他の誰かがそれを調べている場合は、頭のてっぺんに助けてください(私たちはPRが大好きで、調査を手伝っています!♥)

問題のコードは#61で追加され、最終的にコミットed21a58fda54774590da729d1a47e2b0b6f5a3a8で#81に移動されました。 このマージをもう少し調べて、データが適切にプルされていること、およびcrossOriginがライフサイクルなどで適切に設定されていることを確認する必要があります。

このページは役に立ちましたか?
0 / 5 - 0 評価