为了账号安全,请及时绑定邮箱和手机立即绑定
最后一个案例,不是填充之后不是colsePath会帮你自动闭合路径,而是因为老师这里填充的颜色与边框相同,且边框的宽度较小,所以看起来和自动闭合没有区别。锯齿的出现是因为边框宽度较大而造成的,因为填充颜色时并不会填充到边框,导致首位有一部分边框‘出头’了。

最新回答 / 我是张健我怕谁
x坐标在每个对象里面,p应该是个数组吧,数组怎么访问p.x

已采纳回答 / 星光下的日出
因为先描边后填充的话,填充色会将描边的内侧(假设你的linewidth=5,那么内侧的2.5)会被填充色所覆盖;后描边的话就不会出现这样的问题啦。——在老师的Canvas绘图讲解的2-4章中有详细的讲解。
厉害了,学习到了一些
最后一个视频和第一个视频首尾呼应,描绘了canvas的未来,应用场景,
canvas这个东西啊~一颗赛提的

最新回答 / 星光下的日出
if(balls[i].x + RADIUS > 0 && balls[i].x - RADIUS < WINDOW_WIDTH);(童鞋你似乎这里写错了。。。多了个分号吧?)balls[cnt++] = balls[i];
最后一个案例,如果不使用closePath(),同时进行填充,此时的lineWidth=5,会出现锯齿,如果lineWidth=1,就和使用closePath()的现象相同。
老师太厉害了
这个可以用作网址的加载动画
老师,我为你打call
老师讲的太好了

最新回答 / nokm
这个是代码var canvas = document.getElementById('myCanvas');var ctx = canvas.getContext('2d');var pieces = [{p:[{x:0, y:0}, {x:400, y:400}, {x:0, y:800}], color:'#FF0000'},{p:[{x:0, y:0}, {x:400, y:400}, {x:800, y:0}], color:'#FFE32C'},{p:[{x:0, y:800}, {x:200,...

已采纳回答 / 孙大梅其实不叫孙大梅3944196
不是大神。。复制到本地f12马上就知道错误了。。第7行 document.getElementsById('canvas'); 应该是 document.getElementById('canvas');学会调试~~
课程须知
1.要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解;3.掌握一定的JS基础知识
老师告诉你能学到什么?
通过学习Cancas倒计时效果的基础知识:比如球形的绘制,动画的基础原理,让Canvas帮助我们制作出绚丽的效果,力图每一个课程除了介绍知识,还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消