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

所属分类:媒体-图像

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

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


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

相关插件-图像

canvas图片+文字合成

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

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

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

jQuery图片裁剪插件Cropit

Cropit 是款自定义裁剪和缩放图像的jQuery插件
  图像
 43721  341

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

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

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

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