JavaScript实现在线图像处理功能

转自给力技术: 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">

　　当页面加载时它会自动应用你所选择的滤镜效果。

查看演示