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

所属分类:媒体-图像

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

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


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

相关插件-图像

可视化的交互图形库Cytoscape.js

Cytoscape.js ? 用于数据分析和可视化的交互图形库
  图像
 54542  345

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

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

jQuery图片合成插件

上传背景图,主图1,主图2,主图3,合成一张图片
  图像
 30182  319

html5前端图片压缩

html5前端图片压缩
  图像
 86007  454

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

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