Можно загрузить анимированный gif без воспроизведения анимации?

Question

Интересно, есть ли способ предотвратить браузер от фактического анимации анимированного gif, загруженного в тег <img>. Я просто хочу, чтобы он отображал первый кадр gif и не воспроизводил анимацию.

Я уже боюсь, что это невозможно, и я должен извлечь первый кадр и вынести его на холст ...:/

Answer 1

Это своего рода дорогое решение, но если вы сбрасываете SRC изображения на очень короткий setInterval он появляется как статические, например:

setInterval(function() { 
     document.getElementById('img1').src = document.getElementById('img1').src 
},1) 

Демо: http://jsfiddle.net/MEaWP/6/

Answer 2

может быть, это слишком просто ответ для вас, но вы можете просто открыть анимированный GIF в программе для редактирования изображений по вашему выбору, т.е. Adobe Photoshop или любой другой бесплатный , а затем просто сохраните GIF без анимации.

Затем повторно загрузите новый GIF (без анимации) туда, где вы обслуживаете свои изображения.

Если вы используете Photoshop, вы можете просто открыть файл. GIF и перейти в окно> Анимация в меню. Это отобразит все кадры в анимированном GIF в новом диалоговом окне.

Просто удалите все кадры и сохраните как. Просто не перезаписывайте оригинал анимацией, если вам это еще нужно.