jQuery常用的图片滤镜

所属分类:媒体-图像

 26806  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)
相关插件-图像

基于HTML5 Canvas实现的图片马赛克模糊特效

基于HTML5 Canvas实现的图片马赛克模糊特效
  图像
 29957  306

canvas图片+文字合成

canvas图片+文字合成,实现照片合成效果,界面有点丑但是功能OK的。
  图像
 47311  362

橡皮擦--图片擦除效果

电脑端、移动端(Android、ios等)都可适应!
  图像
 51789  444

移动端图片滤镜效果

在手机上常用到的图片滤镜效果
  图像
 28980  385

讨论这个项目(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

    开黑吗,我麦克雷贼六

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