HTML canvas背景 转换 gif动态图 200
有html源码像素不要太低最好和原来一样例子：http://www.17sucai.com/pins/demoshow/9869http://im.qq.com/pcqq...
有html源码
像素不要太低最好和原来一样
例子：
http://www.17sucai.com/pins/demoshow/9869
http://im.qq.com/pcqq/
的背景
源码：
http://im-img.qq.com/pcqq/js/200/cav.js?_=1428576021379
能有多个颜色最好
要gif图片！
可以多给财富值和采纳
谢谢 展开
像素不要太低最好和原来一样
例子：
http://www.17sucai.com/pins/demoshow/9869
http://im.qq.com/pcqq/
的背景
源码：
http://im-img.qq.com/pcqq/js/200/cav.js?_=1428576021379
能有多个颜色最好
要gif图片！
可以多给财富值和采纳
谢谢 展开
1个回答
展开全部
我们都知道如何在html5的canvas画布上绘制静态图片(jpeg, png等)，直接用canvas中的drawImage方法即可，那么如何绘制动态图片（gif）？
相信大家都知道动态图片之所以动态，是因为它是由很多图片按一定的帧数顺序播放而成的，因此我们是否也可以模拟这样的帧数，每隔一定的时间重新
绘制图片，就能画出动态图片呢？答案当然是YES。下面就是我自己测试的一个例子，代码如下：
<!DOCTYPE HTML>
2 <html>
3 <head>
4 <meta charset="utf-8" />
5 <title>canvas上画动态图，视频也可以画</title>
6
7 <script type="text/javascript">
8 window.onload = function() {
9 var img = document.getElementById('img1');
10 var can = document.getElementById('can');
11 var cxt = can.getContext('2d');
12
13
14 setInterval(function (){cxt.drawImage(img, 0, 0);}, 20);
15 }
16 </script>
17 </head>
18
19 <body>
20 <p>准备绘制的动态图片:</p>
21 <img id="img1" src="ex.gif" alt="你的浏览器不支持img标签"></img>
22 <p>canvas画布上绘制的动态图片:</p>
23 <canvas id="can" width="800px" height="600px" style="background-color: #CCCCCC">你的浏览器不支持canvas标签</canvas>
24 </body>
25 </html>
如果你要动态换，写一个方法，重新替换不就好了，要什么图片换什么！希望5itjob能帮到你
追问
我是要gif不是要源代码谢谢
想要骗采纳不要来
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
