就是這樣的 canvas里面用drawImage畫gif只顯示第一幀,不會動的。。。
創新互聯公司專業為企業提供吉林網站建設、吉林做網站、吉林網站設計、吉林網站制作等企業網站建設、網頁設計與制作、吉林企業網站模板建站服務,10余年吉林做網站經驗,不只是建網站,更提供有價值的思路和整體網絡服務。
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屬性
}
你用的是什么工具,目前很多前端開發工具是實時預覽,所以運行時GIF不動,但是你直接打開保存的文件index.html就可以啦。
網頁題目:html5gif,html5gif循環播放
文章路徑:http://vcdvsql.cn/article46/dsdiphg.html
成都網站建設公司_創新互聯,為您提供網站設計公司、虛擬主機、網頁設計公司、做網站、小程序開發、搜索引擎優化
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯