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

Canvas 绘制时钟

难度中级
时长 1小时 0分
学习人数
综合评分9.73
141人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.7 逻辑清晰
https://github.com/AlexZ33/canvas_demo/blob/master/clock.html



跟着老师敲的代码。js文件在js文件夹里面,clock.js

这个文件夹下还有最近敲的其他canvas demo

欢迎star
https://github.com/AlexZ33/canvas_demo/blob/master/clock.html

跟着老师敲的代码。
这个文件夹下还有最近敲的其他canvas demo
欢迎star
觉得老师的语音语调莫名可爱
QQ空间 --> 我的日志(这里有我按照老师敲的代码):https://user.qzone.qq.com/478691425/infocenter?ptsig=UpdZloQc0d5p2zHihBBuFlZ*aIUQy22SCFFhCz5VMyY_
这个要安装什么软件才能写代码呀?
给老师点赞,顺利做出来了
如果有一个框,没有圆的话,可能是<script type="text/javascript" src="js/clock.js"></script>这个原因:
clock.js——>js/clock.js。

最新回答 / 照顾好自己
下面的代码是按照秒针rotate:function drawHour(hour,minute,second){    ctx.save();    ctx.beginPath();   var rad=2*Math.PI/12*hour;    var srad=2*Math.PI/60/60*second;    var mrad=2*Math.PI/12/60*minute+srad;     ctx.rotate(rad+mrad);    ctx.lineWidth=6;    ct...
没有用旋转画布的方法,直接画,但是秒针的尾端宽头部窄的形状就很难画出来了,其实也是可以画出来的,但是我几何太差,算不出来。。。
66666
6666666666666666666666666666666666666
讲得是不错的,只是,本身没有这个数学基础知识的人,理解起来,还是没那么容易转过弯来,多看几遍+自己理清楚思路应该就好了
课程须知
javascript基础知识
老师告诉你能学到什么?
1、几何知识 2、从零学习canvas

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消