canvas的drawImage方法没法绘制动态gif图 进入全屏
line

canvas的drawImage方法,不能直接将一张(多帧的)动态图绘制出来,而只能获取到其中的一帧。

比如一张动态图,绘制到canvas上以后,就成这德行了:

就算是直接把这张gif转换为datauri格式,再绘制到canvas上,还是不行。

绘制出来,还是这德行:

参考这里:http://www.baidufe.com/demo/canvasgif.html

阿里巴巴-钉钉-开放平台,能力开放&开发者运营岗位招聘中, 期待你的加入!
钉钉开放,让应用开发更简单
充分开放,是钉钉的重要方向!除致力于为开发者打造丰富的开放API, 更易接入的场景化能力包, 完备的应用开发工具之外, 还需要持续构建开放能力的布道、开发者生态运营体系,包括培训、沙龙、大会、社区合作等等。业务在快速发展,我们也还需要更多优秀的小伙伴加入!

评论区域

line
  • 2018-08-06 16:14:40 回复
    哈哈
  • 2333 2018-04-01 00:34:33 回复
    http://www.zhangxinxu.com/study/201512/gif-stop-and-play-by-js-canvas.html
  • 哈哈哈 2018-03-12 13:17:39 回复
    回复 asd : 现在解决没有教下我啊
    asd said:
    你肯定很愤怒了,我也很愤怒
  • 哈哈哈 2018-03-12 11:53:00 回复
    setinterval也不行啊
  • 三角形 2017-11-29 18:14:45 回复
    回复 asd : 一帧一帧读吗?
    asd said:
    回复 asd : 用setInteval吧。。。
  • 小媒体 2015-01-01 00:11:31 回复
    发现确实是这样。。。苦逼了
  • asd 2014-06-02 19:24:38 回复
    回复 asd : 用setInteval吧。。。
    asd said:
    你肯定很愤怒了,我也很愤怒
  • asd 2014-06-02 19:23:24 回复
    你肯定很愤怒了,我也很愤怒