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

Canvas 绘制时钟

难度中级
时长 1小时 0分
学习人数
综合评分9.73
141人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.7 逻辑清晰

已采纳回答 / 小程序魔王
因为dom节点里没有canvas的绘制方法,ctx上下文对象里封装了canvas的绘制方法,  这里是 2D 绘图上下文,可以绘制简单的 2D 图形,除了2D绘图上下文,还有WebGL 上下文用于绘制3D图形

最新回答 / 慕斯8234454
像素,原canvas框宽高为200px,圆半径r 为100px,要减去外圆10px,以及时针要短一点所以r 减去30整点数字的x位置 = Math.cos(rad)*(r-30); y位置 = Math.sin(rad)*(r-30); rad的设置 var rad = 2*Math.PI /12 * i; 因程式不接受角度,只接受弧度,因此每个整点的弧度为 2 pi /12 ==>每个整点弧度  * i (顺序从3开始)function(number,i) , number 指 var hourN...
感谢老师,讲的不错!!
实在是对你的声音忍受不了了。想打人

已采纳回答 / 随_意
http://www.w3school.com.cn/这个网站

最赞回答 / 慕粉1407216320
了解下 Array.forEach() 
老师是四川人吗
老师讲的很细 很有特点 ,期待老师的其他教学视频 谢谢老师
感觉在看数学课

最新回答 / qq_慕设计5352929
宽度好像可以直接写 var width = canvas.width;  不用那么麻烦

最赞回答 / 洞天
转动的中心是坐标零点,在旋转之前,需要将圆点设置好。用ctv.translate(x,y)设置
canvas 要在标签中设置width和height 不能子啊css中设置,默认300,150在html5中
我数学很垃圾,原谅我听得想睡觉
http://www.kiros.club 跟着老师做的作品,大家可以看看~

最新回答 / 歐炳傑
浏览器的执行顺序是从上到下加载解析的,放在head的js文件会比body中的html元素优先执行,此时canvas元素还未被浏览器解析渲染出来,所以没有效果可以在将代码放在 window.onload = function () {    // 具体代码}中,这样就能保证js文件先执行也能渲染出时钟
课程须知
javascript基础知识
老师告诉你能学到什么?
1、几何知识 2、从零学习canvas

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消