画像があり、初期ぼかしを設定したいと思います。ユーザーからのアクションで、画像のぼやけをある程度減らしたいと思います。ぼかし半径などを処理できるjQueryプラグインはありますか?
ここで1つ のjQueryAPIに出くわしましたhttp://www.pixastic.com/lib/docs/actions/blur/しかし、画像のぼやけを徐々に変えることはできないと思います。
ヘルプが必要です、私は何をすべきかを提案してください?他に使えるものはありますか?よろしくお願いします。
画像があり、初期ぼかしを設定したいと思います。ユーザーからのアクションで、画像のぼやけをある程度減らしたいと思います。ぼかし半径などを処理できるjQueryプラグインはありますか?
ここで1つ のjQueryAPIに出くわしましたhttp://www.pixastic.com/lib/docs/actions/blur/しかし、画像のぼやけを徐々に変えることはできないと思います。
ヘルプが必要です、私は何をすべきかを提案してください?他に使えるものはありますか?よろしくお願いします。
すべてのJavaScriptはクライアント側のみになります。ユーザーがJavaScriptを無効にした場合、または画像が読み込まれてJavaScriptが実行されなかった場合に、画像を明確に表示できます。
ユーザーが正しい答えを選択したときにのみ画像が鮮明になることが不可欠な場合は、前の画像を置き換えるために使用されるサーバー上に異なる「ぼやけ」の画像を用意することをお勧めします。
このチュートリアルをご覧ください:http://tympanus.net/codrops/2011/11/18/fullscreen-image-blur-effect-with-html5/
StackBlurを使用して、画像を徐々にぼかします。
できる。が呼び出されるたびPixastic.process(img, "blur");
に、画像が少しぼやけるので、そのメソッドを複数回トリガーするだけです。
(私が推測しているように)これには、画像の「ぼやけの少ない」キャッシュされたコピーに戻すことが含まれるため、ぼやけを減らすのは少し難しいでしょう。これで頑張ってください!
これは、Javascriptなしで、通常はCSSのみで実行できるようになりました。
例えば。
backdrop-filter: blure(5px);
filter: blur(5px);
このようにして、意図した結果に応じてCSS値を操作できます。
https://codepen.io/QuiteQuinn/pen/jOBxGjr
を参照してください。