2

http://www.blurjs.comを使用してリモート画像をぼかすことは可能ですか?

画像をリモートCDNでホストしていて、blurjsを使用して画像をぼかして背景効果を出したいです。リモートイメージでblurjsを直接使用しようとすると、javascriptはファイルを読み取ることができず、イメージデータを読み取ることができないというエラーがスローされます。

私が現在行っている方法は、phpで画像を再生成してから、blurjsを使用することですが、非常に遅く、多くのリソースを消費します。

フィルターを使用してcssソリューションも試しましたが、実行するとブラウザーの動作が遅すぎます。

誰かが解決策を持っていますか?

4

1 に答える 1

1

問題は、ページがホストされているドメインとは異なるドメインからロードされた画像に対して、キャンバスでのピクセルアクセスが許可されていないことです。必要なのは、サーバー上で実行されるプロキシスクリプトです。これにより、JavaScriptがサーバーを介して他のドメインから画像をロードできるようになります。もちろん、欠点は、すべてのトラフィックがサーバーを通過することと、画像を取得する時間が長くなることです(画像を最初にサーバーにロードしてからクライアントにロードする必要があるため)。残念ながら、それを回避する方法はありません。 。

幸いなことに、これはFlash開発者が何年も前に直面しなければならなかった問題であるため、何度も解決されています。

たとえば、phpスクリプトは次のとおりです。http ://www.abdulqabiz.com/blog/archives/2007/05/31/php-proxy-script-for-cross-domain-requests/

Node.jsの最近の実装は次のとおりですhttp://codelikebozo.com/creating-an-image-proxy-server-in-nodejs

于 2012-11-23T11:13:35.150 に答える