animated-gif

I need to load all the frames of an animated GIF to an HTML5 canvas. Please note, I don't want to "play" the animated (someone asked this before), all I want is to extract all the frames to use them as single images. Sorry, the short answer is that JavaScript has no 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

I am looking for a way to display an animated progress indicator (animated GIF, a rotating wheel rendered through Java2D etc., no preference here) in a table cell until the value that is to be finally displayed has been computed or retrieved. So far I have just put a static "pending..." text into each cell that is not yet ready to speed up display. As data arrives from a background thread I put it into the appropriate cell and call repaint on the table. With a static label or image this works fine, but because the cell rendering uses this only as sort of a rubber stamp and does not create

Title is self-explanatory, but I'll provide a step-by-step view on the matter. Hopefully I'm not the first one to have noticed this (apparently) bug on Webkit/Chrome. I want to reset a GIF animation. All of the examples I've seen so far either simply set the src of the image to itself or set it to an empty string followed by the original src again. Take a look at this JSFiddle for reference. The GIF resets perfectly fine on IE, Firefox and Chrome. The issue which I have is when the image has display:none on Google Chrome only . Check this JSFiddle . The GIF resets fine on IE and Firefox before

I search for a long time how to extract frames from an animated GIF with PHP... unfortunaly I just found how to get their duration... I really need to extract the GIF frames and their duration to apply some resize, rotate, etc, on each and then to regenerate the GIF with edited frames ! I don't want to use any software, external library (like ImageMagick), just PHP: in fact I need to allow my class http://phpimageworkshop.com/ to work with animated GIF. If you have any idea, I'm listening you ^^ ! Sybio I spent my day creating a class based on this one to achieve what I wanted using only PHP!

In HTML5, how can I draw easily (no too much complex code please) an animated GIF in a canvas that works (with drawImage only first frame is shown in the canvas) rodrigob I believe you are looking for http://slbkbs.org/jsgif Unfortunately, the DOM doesn't expose individual frames of a GIF, so this is done by downloading the GIF (with XMLHttpRequest), parsing it, and drawing it on a <canvas> . Well if automated canvas animation of gif files isn't available, you could try using sprite-sheets, but that indeed would require a bit more code. var img_obj = { 'source': null, 'current': 0, 'total

Is there a method to create a copy of an animated gif image using C#? What I want is to generate a copy of a given gif image using the height and width parameters that the user provides. I have tried for a couple of hours to accomplish this but the resulting image does not preserve the original animations. You need to loop through the frames in the animated GIF and resize each one. May also want to take a look at GifLib . Took me a while to find this, but finally found a solution: Install Magick.NET via NuGet, license can be found here: https://magick.codeplex.com/license Example code: var