0

是否有除 Pixastic 或 jquery 扩展之外的 javascript 库来模糊图像?

情况: 我有一页搜索结果。结果由一群用户组成。这些用户拥有隐藏在按钮 ( display: none;) 下的图像列表。其中一些图像列表是私有的。需要模糊图像的私人列表。

尝试: 我已经尝试过那种仅限 firefox 的 css 技巧,但这似乎不起作用。我已经尝试过 Pixastic 的库、快速模糊以及普通模糊,但这首先给了我一个错误,因为我传递了一个 jquery 对象。但是当我将其更改为 DOM 对象时,它就不起作用(但没有给出更多错误)。我终于尝试使用他们实际演示中使用的代码(通过 firebug 获得),在 js 中创建图像,创建模糊效果处理程序并附加图像,但这只是附加图像,而不是模糊。

规格: 我在coldfusion工作,所以我要试一试ImageBlur(),但由于这必须在搜索结果页面中,模糊那么多图像服务器端可能不是一个好主意..

更新: 我正在尝试使用 blur.js,这似乎工作正常。但是当我第二次调用使用的函数 ( jqueryelement.blurjs();) 时,我的第一个图像不会变得模糊(它确实会被库处理并获得正确大小的背景,但没有图像),但第二个图像会。如果我动态构建 javascript 字符串服务器端,这意味着只有最后一个图像变得模糊.. : \

4

2 回答 2

1

这里有一些做模糊的指示:

高斯模糊 onHover 使用 jQuery

特别是 Quasimodo 的回答,他在这个 jQuery 插件中使用了一个模糊函数:

http://blurjs.com/

于 2012-03-23T09:01:46.867 回答
1

你总是可以使用半新的 CSS3filter属性。

filter: blur(10px);

过滤器是完全可动画的,并且适用于大多数浏览器(如您在此处看到的,除 IE 之外的所有浏览器)。此外,大多数浏览器都需要-webkit-前缀。

jsfiddle

于 2016-01-31T16:17:34.873 回答