不自重者,取辱。不自长者,取祸。不自满者,受益。不自足者,博闻。
canvas的drawImage方法没法绘制动态gif图 进入全屏
line

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

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

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

绘制出来,还是这德行:

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

趣店(原趣分期)技术学院
重点关注技术架构、服务化、优秀工具、自动化平台、开发全流程一体化解决方案、新人培养、工程师进阶之道等方面
这里环境优雅、氛围年轻、主要是福利还多,还等什么?我们敞开技术的大门,欢迎各种工程师加入!

评论区域

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 回复
    你肯定很愤怒了,我也很愤怒