为了账号安全,请及时绑定邮箱和手机立即绑定

已采纳回答 / 孙大梅其实不叫孙大梅3944196
不是大神。。复制到本地f12马上就知道错误了。。第7行 document.getElementsById('canvas'); 应该是 document.getElementById('canvas');学会调试~~
话说有点好奇每次都clearRect 然后再重新绘制,这样子会不会造成一点性能的影响?还是说基本动画实现原理都是这样子的
有点喜欢这个课的开场~
{p:[{x:600,y:200},{x:600,y:600},{x:400,y:400}],color:"#f9f51a"},
{p:[{x:400,y:400},{x:600,y:600},{x:400,y:800},{x:200,y:600}],color:"#a594c0"},
{p:[{x:200,y:600},{x:400,y:800},{x:0,y:800}],color:"#fa8ecc"},
{p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:"#caff67"},
{p:[{x:0,y:0},{x:400,y:400},{x:0,y:800}],color:"#67becf"},
{p:[{x:800,y:400},{x:800,y:800},{x:400,y:800}],color:"#f6ca29"}
{p:[{x:800,y:0},{x:800,y:400},{x:600,y:600},{x:600,y:200}],color:"#ef3d61"},

最新回答 / 丹恪梦
<!doctype html&t;

&t;hhtml lang="zh-CN"&;
&
&;hehead&;
 
    &a cmeta charset="UTF-8"& &l
    &e="meta name="viewport"
 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"&htt
 ...

最新回答 / Ma91c
半径的单位是像素,canvas宽度时200px,里面的圆的半径是100px,因为有10px的border,会有部分border显示时被遮挡,所以半径设为了r-5,即95px

最新回答 / 凯百万
使用 context.moveTo(100,100);context.lineTo(700,700);context.lineTo(100,700);context.lineTo(100,100);路径才能填充颜色
哇太棒了!
很棒,为老师点赞!
画圆弧时context.fill()和context.closePath()还是的闭合效果有些区别的,context.fill()接口处会出现锯齿,而closePath()会添加新边框,如果填充样式颜色不一致,边框是不同的颜色。
电脑运算速度太慢,卡死了。。。
课程须知
1.要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解;3.掌握一定的JS基础知识
老师告诉你能学到什么?
通过学习Cancas倒计时效果的基础知识:比如球形的绘制,动画的基础原理,让Canvas帮助我们制作出绚丽的效果,力图每一个课程除了介绍知识,还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消