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

所属分类:媒体-图像

 13923  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 ? 用于数据分析和可视化的交互图形库
  图像
 54458  345

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

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

二维码生成插件qrcode.js

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

基于HTML5 Canvas实现的图片马赛克模糊特效

基于HTML5 Canvas实现的图片马赛克模糊特效
  图像
 30434  306

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

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