为了账号安全,请及时绑定邮箱和手机立即绑定
谢谢老师的精彩讲解!
这还有啥说的,抓紧学好了用canvas拍一部动画片拿到奥斯卡去対飚dreamwork~!

已采纳回答 / bcp9527
JS的一个坑,setInterval设置1000的间隔,你以为是一秒钟,但它实际运行时很有可能不是1000毫秒。具体的可以查阅相关书籍文档。
噗 二楼评论必须赞啊 蠢死+1
看着代码感觉掉一次就不会掉了,老师的球怎么回到原点重新开始的啊0_0
自己写啦一边不行,把代码改的一模一样还是不行,下载代码就是行的。又把下载的代码复制倒自己代码里注解里我自己的代码,还是不行。现在和下载的代码一模一样里还是不行。捣鼓里一下午里醉里
{p:[{x:200,y:600},{x:400,y:800},{x:0,y:800}],color:"blue"}, 还少了一块,现在成了八巧板
懒得敲代码的把我下面的几个合起来
function draw(piece, context) {
context.beginPath();
context.moveTo(piece.p[0].x , piece.p[0].y);

for (var i = 1; i<piece.p.length; i++) {
context.lineTo(piece.p[i].x , piece.p[i].y);
}

context.closePath();
window.onload = function () {
var canvas = document.getElementById("canvas");

canvas.width = 700;
canvas.height = 600;

var context = canvas.getContext("2d");
for (var i=0; i<tangram.length; i++) {
draw(tangram[i], context);
}
};
{p:[{x:600,y:200},{x:600,y:600},{x:400,y:400}],color:"red"},
{p:[{x:400,y:400},{x:600,y:600},{x:400,y:800},{x:200,y:600}],color:"purple"},
{p:[{x:800,y:400},{x:800,y:800},{x:400,y:800}],color:"orange"}
{p:[{x:0,y:0},{x:800,y:0},{x:800,y:200},{x:400,y:400}],color:"black"},
{p:[{x:0,y:0},{x:800,y:400},{x:400,y:400}],color:"grey"},
{p:[{x:0,y:0},{x:400,y:400},{x:0,y:800}],color:"yellow"},
{p:[{x:800,y:0},{x:800,y:400},{x:600,y:600},{x:600,y:200}],color:"cyan"},
我的分钟个位不管用。。

最赞回答 / 124098263
<...code...>这样修改就可以了!
课程须知
1.要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解;3.掌握一定的JS基础知识
老师告诉你能学到什么?
通过学习Cancas倒计时效果的基础知识:比如球形的绘制,动画的基础原理,让Canvas帮助我们制作出绚丽的效果,力图每一个课程除了介绍知识,还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消