GIF批量生成（js）

• 生成图片数组（GIF帧）

//GIF生成图片数组,url：base64.
//返回图片数组
async function gifToFrames(url) {
   
    return new Promise(async resolve => {
   
        const div = document.createElement("div");
        const img = document.createElement("img");
        div.appendChild(img);
        img.src = url;

        //GIF图片加载
        await new Promise(resolve => {
   
            img.onload = function () {
   
                resolve()
            }
        })
        // 新建gif实例
        const rub = new SuperGif({
    gif: img });

        //rub加载
        await new Promise(resolve => {
   
            rub.load(() => resolve())
        })
        const {
    delays } = rub
        const img_list = [];
        for (let i = 1; i <= rub.get_length(); i++) {
   
            // 遍历gif实例的每一帧
            rub.move_to(i);

            img_list.push({
   
                url: rub.get_canvas().toDataURL('image/jpeg', 0.6),
                delay: delays[i - 1]
            })
        }
        resolve(img_list)
    })
}

• 动图 / 静图 + 文字样式/动画 + 文字组 合成新图片（批量）

//模板数据（动画+样式）