Buzzfeed已经把tommitytom发布的代码库化了。我还没有试过，但是看起来不错。
https://github.com/buzzfeed/libgif-js

看一看jsgif;它下载一个GIF，解析它，并将文件的各个帧绘制到<canvas>中。

对不起，简单的回答是JavaScript无法控制动画GIF的当前帧。
长的答案是，有排序的方法来做你想要的只是JS，但他们是非常复杂的黑客。
列子的粗鄙道：创建一个画布，但不要将其添加到DOM中（这样任何人都不会看到）。在快速循环（setTimeout）中，不断地绘制到该画布并收集快照。比较画布的ImageData以查看帧是否发生了变化。
这将是一个更好的利用你的时间，也许，看看你可以让你的服务器为你分裂它（与php/perl/python/etc）

如果只需要GIF的第一个帧：

const image = document.getElementById('my-image');
const canvas = document.getElementById('my-canvas');
const ctx = canvas.getContext("2d");
// context.drawImage(img, x, y, width, height);
ctx.drawImage(image, 0, 0);

制作人员：How to draw a GIF on a canvas?