模拟GIF动画上传成静态图片并可控制播放与暂停

所属分类:媒体-图像

 13776  206  查看评论 (0)
分享到微信朋友圈
X
模拟GIF动画上传成静态图片并可控制播放与暂停 ie兼容10

更新时间:2019-08-13 22:14:05

更新说明:优化部分js,优化界面显示。


原理是使用input[type=file]上传后经过canvas处理生成静态图片,通过canvas的toDataURL方法获取base64,但一张gif的base64信息可能太长,不方便传输,所以再将base64转换成blob以便缩短gif地址,将blob地址以属性形式存入<img>里,最后鼠标经过时将img的src替换成GIF的真正url。

第一次写插件,请多多指教。


有问题不要问我,因为我也不懂。

相关插件-图像

jQuery切图插件(原创)

基于jQuery实现的类似ps切图工具
  图像
 25197  328

jquery.photoClip图片裁剪添加旋转 缩放按钮功能

项目上用的jquery.photoClip 插件,为了更好的用户体验 需要添加 旋转 缩放按钮功能,所以在原有的基础上添加了点功能,希望能帮助各位,写的不好 海涵!
  图像
 29541  319

简单实用的jQuery放大镜插件(原创)

简单实用的jQuery放大镜插件,可通过鼠标滚轮改变倍数
  图像
 20603  295

移动端图片滤镜效果

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

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

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