js 修改gif

function resizeGif(gifUrl, newWidth, newHeight) {
    return fetch(gifUrl)
        .then(response => response.arrayBuffer())
        .then(buffer => {
            const gif = new GIF({
                workers: 2,
                quality: 10
            });
            gif.load(buffer);
            return new Promise((resolve, reject) => {
                gif.on('loaded', function() {
                    const frames = this.frames;
                    const resizedFrames = frames.map(frame => {
                        const canvas = document.createElement('canvas');
                        canvas.width = newWidth;
                        canvas.height = newHeight;
                        const ctx = canvas.getContext('2d');
                        ctx.drawImage(frame.img, 0, 0, newWidth, newHeight);
                        return {
                            ...frame,
                            img: canvas.toDataURL('image/png'),
                            delay: frame.delay
                        };
                    });
                    gif.frames = resizedFrames;
                    gif.render();
                    resolve(gif.out());
                });
                gif.on('error', reject);
            });
        });
}

// 使用示例
resizeGif('path/to/your.gif', 320, 240).then(resizedGifDataUrl => {
    const img = document.createElement('img');
    img.src = resizedGifDataUrl;
    document.body.appendChild(img);
});

<script src="https://cdn.jsdelivr.net/npm/gif.js@0.2.0/dist/gif.js"></script>