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

所属分类:媒体-图像

 13701  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。

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


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

相关插件-图像

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

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

二维码生成插件qrcode.js

二维码生成插件qrcode.js,在此插件基础上添加了logo图片功能和对中文的支持,无需对中文转码可直接支持生成中文网址二维码
  图像
 31280  375

SVG图像生成插件triangloid

triangloid是一个JavaScript库,可以将图像生成为多边形图像并输出成SVG格式。它是基于trianglify
  图像
 32360  335

jQueryphotoClip图片剪裁插件

jQueryphotoClip是一款支持移动设备触摸手势的图片裁剪jQuery插件。
  图像
 81852  418

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

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