如何使用javascript向GIF图像动态添加帧

假设浏览器显示了动画gif。是否可以向该gif动画动态添加帧

这张精美的gif显示在浏览器中

客户端通过socket.io从服务器接收到的这一帧必须添加为其gif的最后一帧：

（这是使用imageMagick在服务器上生成的，并通过socket.io发送）

Socket.io将新帧发送到客户端：

serverSocket.emit('newFrame, rawAnimationFrame);

然后客户端以原始格式接收它。但是是否有可以在浏览器中运行的库允许我执行以下操作：

clientSocket.on('newFrame', function(frameData){
    superLibrary.addFrame(myGif, frameData);
})

如果没有，我如何才能做到这一点

---

非常感谢您。

节点中有imageMagick，我认为这会更容易，因为浏览器通常不具有服务器上托管的文件等的写入权限，而不是服务器上的文件。客户端会将服务器发送的帧添加到自己下载的gif中。我只想发送最后的帧，这样客户端就不必在每次添加新帧时反复下载整个gif。这就像gif流。我认为在浏览器环境中没有任何方法可以做到这一点。试试gif.js

clientSocket.on('newFrame', function(frameData){
    superLibrary.addFrame(myGif, frameData);
})