html - パス file:// を使用したキャンバス html5 kineticJS のクロスオリジン エラー

Question

キャンバスから画像を作成したいのですが、kineticjs を使用していますが、次のエラーが表示されます。クロスオリジンエラーが原因だと思います。キャンバスでは、ローカルに保存された画像を使用し、アドレス パスは「file://..」で始まります。Apacheをインストールせずにイメージを作成する方法はありますか? ありがとう。

Answer 1

ローカル ハード ドライブはブラウザによって「他のドメイン」と見なされ、Canvas が汚染されます。

それはいい！悪意のあるコードが個人のドライブにアクセスするのは望ましくありません。

いくつかの回避策:

• コンピューターに Web サーバーをインストールします。

• 画像と Web アプリに関連付けられているすべてのファイルをデスクトップに配置します (最初に画像を取得した場所によっては、これが役立つ場合とそうでない場合があります)。

• 画像への匿名のクロスオリジン アクセスを許可するサイトで画像を一時的にホストします。