当前位置: 首页 > 面试题库 >

使用jQuery的高斯模糊onHover

吉俊德
2023-03-14
问题内容

我想知道是否有某种方法可以使用jQuery(或jQuery可以修改的CSS)在div上应用高斯模糊。我已经研究了blur(),但至少使用Safari,它似乎并没有达到我想要的功能。如果可能的话,我想在效果上使用fadeIn,因此它会逐渐模糊。

谢谢你的帮助!


问题答案:

请注意,这Blur是当DOM元素(例如文本框(输入等))失去焦点时,不应与您所谈论的那种模糊(高斯/运动模糊)混合在一起的时候。

没有很好的跨浏览器解决方案来解决此问题。但是,您可以使用Ben建议的API来模糊图像。或通过使用这一。

也许,如果您找到了一种将div内容绘制到HTML5画布上的方法,则可以使用Pixastic应用Blur滤镜?



 类似资料:
  • 主要内容:示例在高斯模糊操作中,图像与高斯滤波器而不是盒式滤波器卷积。 高斯过滤器是一个低通过滤器,可以消除高频分量的减少。 可以使用类的方法在图像上执行此操作。 以下是这种方法的语法 - 该方法接受以下参数 - src - 表示此操作的源(输入图像)的对象。 dst - 表示此操作的目标(输出图像)的对象。 ksize - 表示内核大小的对象。 sigmaX - 类型变量表示方向上的高斯核标准差。 示例 以下

  • 注意: Internet Explorer和Safari不支持SVG滤镜! <defs> 和 <filter> 所有互联网的SVG滤镜定义在<defs>元素中。<defs>元素定义短并含有特殊元素(如滤镜)定义。 <filter>标签用来定义SVG滤镜。<filter>标签使用必需的id属性来定义向图形应用哪个滤镜? SVG <feGaussianBlur> 实例 1 <feGaussianBlu

  • <defs> 和 <filter> 所有的SVG过滤器定义在一个 <defs> 元素中。<defs> 元素是definition的简写,用来包含特定元素的定义。 <filter> 元素用来定义一个SVG过滤器。<filter> 元素有一个必需的id属性用来唯一标识该过滤器。然后图形通过这个id来应用该过滤器。 SVG <feGaussianBlur> 实例代码

  • 本文向大家介绍Android Picasso使用高斯模糊处理的示例代码,包括了Android Picasso使用高斯模糊处理的示例代码的使用技巧和注意事项,需要的朋友参考一下 众所周知,Picasso是一个在Android开发中经常使用到的图片加载库,常规用法一般是这样: 还有不使用缓存的用法: 等等一系列用法不一一列举,前段时间遇到一个需要使用高斯模糊的需求,起初找了一些处理的代码,但后面发现P

  • 本文向大家介绍Android实现动态高斯模糊效果,包括了Android实现动态高斯模糊效果的使用技巧和注意事项,需要的朋友参考一下 高斯模糊是什么? 高斯模糊(英语:Gaussian Blur),也叫高斯平滑,是在Adobe Photoshop、GIMP以及Paint.NET等图像处理软件中广泛使用的处理效果,通常用它来减少图像噪声以及降低细节层次。这种模糊技术生成的图像,其视觉效果就像是经过一个

  • 本文向大家介绍Android 动态高斯模糊效果教程,包括了Android 动态高斯模糊效果教程的使用技巧和注意事项,需要的朋友参考一下 写在前面 最近一直在做毕设项目的准备工作,考虑到可能要用到一个模糊的效果,所以就学习了一些高斯模糊效果的实现。比较有名的就是 FastBlur 以及它衍生的一些优化方案,还有就是今天要说的RenderScript 。 因为这东西是现在需要才去学习的,所以关于一些图