本文向你介绍三款用于在线处理图像的 jQuery 插件:
1. PaintbrushJS
PaintbrushJS 是一个轻量级的 JS Canvas 库用来做一些简单的图像处理。
演示:
示例代码:
1.<img src="image.jpg" class="filter-emboss" data-pb-emboss-amount="0.5"/>
2.<img src="image.jpg" class="filter-mosaic" data-pb-mosaic-opacity="0.5" data-pb-mosaic-size="5"/>
2. CamanJS
CamanJS 是一个使用 HTML5 Canvas 和 JavaScript 实现的用来对图像进行处理的 JavaScript库,提供一些易用接口来对图像进行处理,例如加亮等等。
3. vintageJS
vintageJS - 给照片添加复古和仿旧效果. vintageJS 可以为我们的照片添加仿旧风格,包括LOMO和高光等等。
示例代码:
01$('img.vintage').click(function () {
02 $(this).vintage({
03 vignette: {
04 black: 0.8,
05 white: 0.2
06 },
07 noise: 20,
08 screen: {
09 red: 12,
10 green: 75,
11 blue: 153,
12 strength: 0.3
13 },
14 desaturate: 0.05
15 });
16});