转自给力技术: http://site518.net/image-effects-with-paintbrushjs/
PaintbrushJS是一个能在客户端处理图像的JavaScript 类库,它能让你在客户端浏览器中进行图像处理。它能让你使用各种滤镜效果,目前支持的有模糊, 灰度, 马赛克等等。使用方法也很简单,只需加载脚本,然后做一些设置就可以了。
如何使用
首先在head中加载PaintbrushJS的脚本文件
<script type="text/javascript" src="common.js"></script>
<script type="text/javascript" src="paintbrush.js"></script>
在页面中添加要使用滤镜的图片,如下
<img src="site.jpg" data-pb-blur-amount="0.9" class="filter-blur">
当页面加载时它会自动应用你所选择的滤镜效果。