时间: 2020-09-1|tag: 46次围观|0 条评论

微信小程序开中,遇到gif图执行一次的需要,经过多方,之后通过以下方式实现

问题描述:加载本地gif时,就算image重新渲染了,gif也会保持在终点的状态,不会重新播放
解决方案:把本地gif的路径换成线上的,然后在最后加上时间戳即可解决
方案缺陷:可能会造成卡顿,但目前尚未找到更好的解决方案
————————————————
参考链接:https://blog.csdn.net/qq_32654773/article/details/100031214

附上代码:
html

<image bindload="gifImgLoad" src="{{gifUrl}}"></image>

js

page({
  data:{  
  gifUrl: '图片url',//线上地址
  },
//图片加载成功之后执行 
 gifImgLoad(e) { 
   var gifurl = this.data.gifUrl;  
  var nowTime = +new Date();  
  setTimeout(() => { 
     this.setData({    
    gifUrl: gifurl + '?' + nowTime  
  })  }, 
1000)
//一秒钟之后消失
})
文章转载于:https://www.jianshu.com/p/96f4ed883a24

原著是一个有趣的人,若有侵权,请通知删除

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《微信小程序:解决gif图片只渲染一次的问题
   

还没有人抢沙发呢~