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

Canvas 绘制时钟

难度中级
时长 1小时 0分
学习人数
综合评分9.73
141人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.7 逻辑清晰
给老师点赞,顺利做出来了
如果有一个框,没有圆的话,可能是<script type="text/javascript" src="js/clock.js"></script>这个原因:
clock.js——>js/clock.js。
没有用旋转画布的方法,直接画,但是秒针的尾端宽头部窄的形状就很难画出来了,其实也是可以画出来的,但是我几何太差,算不出来。。。
66666
6666666666666666666666666666666666666
讲得是不错的,只是,本身没有这个数学基础知识的人,理解起来,还是没那么容易转过弯来,多看几遍+自己理清楚思路应该就好了
老师代码写错了
应该是这样
var canvas=document.getElementById("clock");
var ctx=canvas.getContext("2d");
var width=canvas.width;
var height=canvas.height;
秒针就是用moveTo和lineTo 通过4个点 绘制出一条路径 如果你想看看这个区域可以用closePath()和ctx.stroke()来看一下 换做用ctx.fill()是填充当前绘图路径
复习数学啦,haha
(ノ。`Д´。)ノ彡┻━┻ 明白个鬼
老师讲的很好!感谢!
去哪里下载代码
老师讲的非常详细,就是这普通话吧!!建议还是精神高度集中听课吧!!!
大脑一片浆糊...
我先写了一遍,发现画不出来。看了老师代码,改了也没用。最后在开头加了window.onload。画了一个椭圆,检查一下是原点和半径的问题
表示看不懂秒针的画法,请大神指导一下下。。。
课程须知
javascript基础知识
老师告诉你能学到什么?
1、几何知识 2、从零学习canvas

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消