jQuery局部透视镜效果

所属分类:其他-独立的部件,杂项

 25174  385  查看评论 (8)
分享到微信朋友圈
X
jQuery局部透视镜效果 ie兼容10

直接解压,可改背景和透视范围,jquery版本2.1.3

c.globalCompositeOperation = 'destination-out';
c.fillStyle = gradient
c.arc(mousePosition.x, mousePosition.y, flashlight_size.outside, 0, Math.PI * 2, false);//圆的画法


相关插件-独立的部件,杂项

jQuery表格导出数据

将表格的数据导出到excel,csv,pdf或是直接打印
  独立的部件
 51638  567

canvas实现的步骤流程插件

项目需要,找不到合适的,个人编写实现,可根据数据动态生成节点
  独立的部件
 32582  340

jQuery二维码生成插件qrcode.js

应用小工具二维码生成
  独立的部件
 40778  477

html5读取二维码

手机端web调用摄像头读取解析二维码
  独立的部件
 63476  434

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

    3.3 1
    2016/11/10 23:11:03

    表示三行jquery代码完美pk这个效果,如下:

    x = e.clientX;
    y = e.clientY + 40;
    $("#box2").css("background", "-webkit-gradient(radial," + x + " " + y + ",80," + x + " " + y + ",120,from(rgba(0, 0, 0, 0.1)),to(rgba(0, 0, 0, 1)))")
        焦――焦0
        2016/12/6 17:12:54
        楼上是替换原来的JS里的代码的意思?
        3.30
        2017/3/24 15:32:27

        是完全不按照他的思路  用css3里径向渐变来实现 渐变颜色为透明,渐变区域跟随鼠标,然后就跟他效果一样了  而且玩一天都不会卡   ..

        阳光雨0
        2022/9/8 12:05:31
        大佬 能上传个实际效果看下吗?
    回复
    一纸思念丶 0
    2016/4/23 20:04:36
    一开始还好,10秒后圆形会越来越卡,跟不上鼠标的速度
        阿马0
        2016/5/16 16:05:08
        恩,是这么回事,能优化解决吗?
    回复
    锐不可当 0
    2016/4/7 17:04:08
    乍一看,有点像黑夜里开手电筒的感觉。 回复
    xujianxing 0
    2016/4/7 8:04:56
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复