gif图片解析与生成（GIF+文字动效）

• github: https://github.com/baixc1/csdn/tree/master/js/mk-gif
• 生成 gif 图（平移+旋转+缩放）
  
• 解析 GIF 图片 （生成每帧图片的base64）
  • libgif.js 插件
  • 生成 GIF 实例
  • 解析每一帧
  • 需要在服务器端运行（node server.js），然后访问根目录

 var rub = new SuperGif({
    gif: img })
 rub.load(() => {
   
      const imgs = []
      const len = rub.get_length()
      for (let i = 1; i <= len; i++) {
   
          rub.move_to(i)      //遍历gif实例的每一帧
          imgs.push(rub.get_canvas().toDataURL('image/jpeg', 0.6))
      }
  })

• 合成帧
  • 需要gif.js，gif.worker.js脚本
  • 新 gif实例 ，添加画布作为帧
  • 画布上合成之前帧和新的文字

let gif = new GIF({
   
   workers: 2,
    quality: 10,
    workerScript: './gif.worker.js'
});
function mkgif(imgs) {
   
   gif.on('finished', blob => {
           //生成新GIF
   })
   let i = 0

   let len = imgs.length
   imgs.forEach((item, index) => {
   	//遍历每一帧，加字
       let img = new Image()
       img.src = item
       img.onload