就是這樣的 canvas里面用drawImage畫gif只顯示第一幀,不會動的。。。
創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供吉林網(wǎng)站建設(shè)、吉林做網(wǎng)站、吉林網(wǎng)站設(shè)計、吉林網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、吉林企業(yè)網(wǎng)站模板建站服務(wù),10余年吉林做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
GIF和SVG不是同一種圖片來的,如果要點(diǎn)擊后gif才動需要一張靜態(tài)圖片,并且需要做框/需要一個模版按鈕,當(dāng)這個被點(diǎn)擊的element的id是a,動態(tài)的圖片是id=b,則:
var?clickElement?=?document.getElementById('a');
var?imageElement?=?document.getElementById('b');
clickElement.addEventListener('click',clickFunction);//添加點(diǎn)擊事件
function?clickFunction(){
clickElement.removeEventListener('click');//清除事件綁定
imageElement.setAttribute('src','PATH_TO_FILE/FILENAME.EXT');//更換IMAGE標(biāo)簽圖片src屬性
}
你用的是什么工具,目前很多前端開發(fā)工具是實(shí)時預(yù)覽,所以運(yùn)行時GIF不動,但是你直接打開保存的文件index.html就可以啦。
網(wǎng)頁題目:html5gif,html5gif循環(huán)播放
文章路徑:http://chinadenli.net/article46/dsdiphg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計公司、虛擬主機(jī)、網(wǎng)頁設(shè)計公司、做網(wǎng)站、小程序開發(fā)、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)