以编程方式停止GIF动画

Question

我正在开发一个Twitter应用程序，该应用程序直接从Twitter引用图像。如何防止动画gif播放？

window.stop()在页面末尾使用不适用于Firefox。

是否有更好的JavaScript技巧？最好对所有浏览器都适用

Answer 1

这不是跨浏览器的解决方案，但是可以在Firefox和Opera中使用（不适用于ie8：-/）。采取从这里

[].slice.apply(document.images).filter(is_gif_image).map(freeze_gif);

function is_gif_image(i) {
    return /^(?!data:).*\.gif/i.test(i.src);
}

function freeze_gif(i) {
    var c = document.createElement('canvas');
    var w = c.width = i.width;
    var h = c.height = i.height;
    c.getContext('2d').drawImage(i, 0, 0, w, h);
    try {
        i.src = c.toDataURL("image/gif"); // if possible, retain all css aspects
    } catch(e) { // cross-domain -- mimic original with all its tag attributes
        for (var j = 0, a; a = i.attributes[j]; j++)
            c.setAttribute(a.name, a.value);
        i.parentNode.replaceChild(c, i);
    }
}