问题
I have some frames within gif and i want to play them on canvas with collision detection. Is there someway how to extract frames from gif with javascript?
回答1:
The short answer is that JavaScript has no simple way of controlling the current frame of an Animated GIF.
The long answer is that there are sort-of ways to do what you want with just JS, but they are very much convoluted hacks.
Example of hackish way: Create a canvas and don't add it to the DOM (so this won't be seen by anyone). In a fast loop (setTimeout), draw to this canvas constantly and collect snapshots. Compare the canvas ImageData to see if the frames have changed or not.
来源：https://stackoverflow.com/questions/12143157/gif-animation-on-canvas-with-frame-control