我有一张图片，我想为其设置一些初始模糊。根据用户的某些操作，我希望图像能够将其模糊度降低一些。是否有任何 jQuery 插件可以让您处理模糊半径或类似的东西？
我在这里遇到了一个 jQuery API http://www.pixastic.com/lib/docs/actions/blur/ 但我认为它不能逐渐改变图像的模糊度。
需要帮助，请建议我该怎么办？还有什么我可以使用的吗？提前谢谢。
问问题
3144 次
4 回答
2
任何 javascript 都将仅是客户端 - 如果用户禁用 javascript 或在图像已加载且 javascript 尚未运行时，图像将可以清晰地查看。
如果当用户选择正确答案时图像必须变得更清晰，我建议在服务器上使用不同“模糊”的图像来替换以前的图像。
于 2012-02-14T15:09:55.230 回答
0
看看这个教程：http ://tympanus.net/codrops/2011/11/18/fullscreen-image-blur-effect-with-html5/
它使用StackBlur逐渐模糊图像。
于 2012-02-14T15:07:36.900 回答
0
它可以。每次Pixastic.process(img, "blur");调用，图像都会模糊一点，所以只需多次触发该方法即可。
现在降低模糊度会有点棘手，因为（我猜）这将涉及恢复到图像的“不太模糊”缓存副本。祝你好运！
于 2012-02-14T15:09:58.497 回答
0
这现在可以在没有 Javascript 的情况下完成，通常只有 CSS。
例如。
backdrop-filter: blure(5px);
filter: blur(5px);
通过这种方式，您可以根据预期结果操纵 CSS 值。
于 2021-06-05T18:51:57.987 回答