jQuery常用的图片滤镜

所属分类:媒体-图像

 25876  316  查看评论 (7)
分享到微信朋友圈
X
jQuery常用的图片滤镜 ie兼容11

页面中有详细的介绍和使用方法,这里还是简单说一下吧

第一步 : 

引入jquerybase.js即可。

第二步:

图片设定:  <img src='xxxx' class='demo'>

1:灰度滤镜  grayImg(值) 例如 : 

$(".demo").grayImg(100)

2 : 模糊滤镜  dim(值) 例如 :

$(".demo").dim(0.5)

3 : 亮度滤镜 brightness(值) 例如 : 

$(".demo").brightness(25)

4 : 对比度滤镜 contrast(值) 例如 : 

$(".demo").contrast(25)

5 : 色相旋转 hueRotate(值) 例如 : 

$(".demo").hueRotate(25)

6 : 饱和度 saturate(值) 例如 : 

$(".demo").saturate(25)
相关插件-图像

可视化的交互图形库Cytoscape.js

Cytoscape.js ? 用于数据分析和可视化的交互图形库
  图像
 52915  342

jQuery图片裁剪插件Cropper.js

功能非常强大的图片裁剪插件Cropper.js
  图像
 33159  350

html5前端图片压缩

html5前端图片压缩
  图像
 83996  454

Beer Slider一款轻量级的图片对比插件

它的基本目的是比较图像的两个版本,例如在两个不同时刻拍摄的相同对象,预编辑的照片及其处理版本,草图和完成的插图等。
  图像
 26172  357

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    末音 0
    2019/5/24 16:23:29
    难道是b站的糖醋排骨! 回复
    鸭鸭 0
    2019/5/20 10:02:12
    开源资源作者棒棒哒 回复
    白天不懂夜的黑 0
    2018/4/25 15:46:43
    几种效果可以同时存在吗 回复
    smallhappiness 0
    2017/9/1 13:07:23

    我安吉拉今天就是要打爆你们的狗头

        糖醋排骨0
        2017/9/1 13:59:22

        biu biu biu~ ^ _ ^

    回复
    涛声依旧 0
    2017/9/1 11:44:22
    厉害了,我的歌 回复
    风继续吹 0
    2017/9/1 9:14:30

    开黑吗,我麦克雷贼六

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复