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

Canvas 绘制时钟

难度中级
时长 1小时 0分
学习人数
综合评分9.73
141人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.7 逻辑清晰
四的,里棱
难道只有我觉得 这个老师的声音这么骚吗。。
计算时针弧度时应该把分和秒都算进去,同样计算分针弧度时把秒算进去
很好的课程,很有趣的老师
出不来圆的同志们别折腾了,老师少一句代码,方法里面第一句加上ctx.save();
老师你是四川的吗?

最新回答 / Jason_途牛
这个问题解决了我的问题- canvas 的宽高要在<canvas>标签内定义 不能在style里面定义
老师讲的很全面
有趣 这个点都没把我讲困

已采纳回答 / 刘智辉123456
var dom=document.getElementById('clock');var ctx=dom.getContext('2d');var width=ctx.canvas.width;var height=ctx.canvas.height;var r = width/2;var rem=width/200;function drawBackground(){   ctx.save();   ctx.translate(r,r);   ctx.beginPath();   ctx.lineWid...

最赞回答 / 与我无关_0001
js 的第二行 是don而不是domjs的倒数第四行 是cxt.fill();

已采纳回答 / Ellision
1、原代码:var don=document.getElementByID("clock2"); 修改后:var dom = document.getElementById("clock2");2、原代码:ctxfill();;修改后:cxt.fill();
一帮人嫌这嫌那,你能学会我真是信了你的邪
如果大家是用谷歌浏览器的没有显示出圆,那么可以尝试一下将绘制方法即&lt;script src=&quot;&quot;&gt;&lt;/script&gt;放在body中的&lt;canvas&gt;&lt;/cancas&gt; 下面,因为chrome下需要文档载入完成后才能获得canvas对象
跟老师写的一毛一样 它竟然给我报语法错误 来来回回检查了好几遍 也没找着哪错了
报错的是下面这两行 :var x = Math.cos(rad) * (r - 30);
drawBackground();
求大神指导啊
老师讲的很好!希望这样的视频能多一些
课程须知
javascript基础知识
老师告诉你能学到什么?
1、几何知识 2、从零学习canvas

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消