html5gif,html5gif循环播放

html5 cavas 中用drawImage 加载gif不动

就是这样的 canvas里面用drawImage画gif只显示第一帧，不会动的。。。

相关问答

Q1: 点击后GIF才能动的SVG代码是怎样的？主要适用html5的

GIF和SVG不是同一种图片来的，如果要点击后gif才动需要一张静态图片，并且需要做框/需要一个模版按钮，当这个被点击的element的id是a，动态的图片是id=b，则：

var clickElement = document.getElementById('a');

var imageElement = document.getElementById('b');

clickElement.addEventListener('click',clickFunction);//添加点击事件

function clickFunction(){

    clickElement.removeEventListener('click');//清除事件绑定

    imageElement.setAttribute('src','PATH_TO_FILE/FILENAME.EXT');//更换IMAGE标签图片src属性

}

Q2: html5 里 img src 直接引入的gif不动，啥原因…

你用的是什么工具，目前很多前端开发工具是实时预览，所以运行时GIF不动，但是你直接打开保存的文件index.html就可以啦。