javascript - 使用 CSS/Javascript : is it possible? 进行图像模糊处理

标签 javascript jquery html css blur

是否可以使用 CSS 和 Javascript 为图像添加模糊效果?

最佳答案

是的,this works a treat :

Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more...

Pixastic works by utilizing the HTML5 Canvas element which provides access to raw pixel data, thereby opening up for more advanced image effects. This is where the "experimental" part comes into play. Canvas is only supported by some browsers and unfortunately Internet Explorer is not one of them. It is however well supported in both Firefox and Opera and support for Safari only just arrived with the recent Safari 4 (beta) release. Chrome currently works in the dev channel. A few of the effects have been simulated in IE using the age old proprietary filters. While these filters are much faster than their Canvas friends, they are few and limited. Hopefully we will one day have real Canvas on IE as well...

关于javascript - 使用 CSS/Javascript : is it possible? 进行图像模糊处理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5077759/

相关文章:

javascript - IDM 如何从 Youtube 等网站获取下载链接?

javascript - 链接以显示特定的 div,从侧面动画进入(在父级内)

javascript - 从编号列表中选中的行收集数据

jquery - 我正在向服务器发出 Ajax 发布请求,所有数据都很好,但我的名字和姓氏正在更新为 "undefined"

javascript - 如何更改 Ant 表头复选框

html - 在 AngularJS 中禁用下拉列表时如何使背景颜色变为灰色

java - 动态添加 UI 组件

javascript - 劫持作用域链引用 var

jquery - 老问题 : how to make jQuery Mobile Page cover the full screen height only when screenHeight is greater than page height

jQuery TagIt(自动完成)通过 AJAX 获取 JSON 列表