Canvas 绘制时钟_技术问答

首页免费课 Canvas 绘制时钟问答

Canvas 绘制时钟

                
                Silva Zhou
            Web前端工程师

                    查看讲师更多课程 
                    Silva Zhou讲师的其他课程
                
Requirejs和自动打包
中级·14715
免费课程
                                
                难度中级
            
                时长 1小时 0分
            
                学习人数
            
综合评分9.73
                            141人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

画秒针的问题

最新回答 / FindYouL

这是四个点，下面（横坐标是-2到2）宽一点，上面（横坐标是-1到1）窄一点，填充过后就形成了类似三角形的秒针

1 回答 692 浏览 3-3 Canvas静态的时分秒

2020-06-02

时钟只显示外圆

最新回答 / 不忘初心__

按F12打开浏览器的开发者工具，就能看到报错，你把“Math”写成“Matn”了

1 回答 909 浏览 4-2 Canvas时钟特效

2019-12-09

求问画框为什么浏览器没有显示？

最新回答 / 奔跑的兔子0

浏览器不支持吧，我这里可以正常显示画框

1 回答 886 浏览 3-1 Canvas 时钟外边框圆

2019-11-20

只有方框，里面圆出不来

最赞回答 / 奔跑的兔子0

没有调用drawBackground方法

1 回答 973 浏览 3-1 Canvas 时钟外边框圆

2019-11-19

js是怎么创建出来的

+ 我来回答回答最高可+2积分

2 回答 1008 浏览 3-1 Canvas 时钟外边框圆

2019-11-19

时针的绘制

最新回答 / 慕斯8234454

原点跟css 一样在左上角因此往右往下为正,往左往上为负

2 回答 1011 浏览 3-3 Canvas静态的时分秒

2019-11-01

代码一样。圆没有出来

最新回答 / 咪了个喵cc

已解决，是我的js文件第三行代码没有正确获取到dom的上下文，写成了document

1 回答 894 浏览 3-1 Canvas 时钟外边框圆

2019-10-12

那两个关联文件能说一下吗

最新回答 / 慕仔9525016

关联文件？js和html？

1 回答 1123 浏览 3-2 Canvas绘制时钟内容

2018-12-21

请问大神们这样报错是什么原因？（如图）

最新回答 / 慕斯8234454

试着改单括号是试试

1 回答 1211 浏览

2018-11-29

请问为什么需要获取id为clock的节点的上下文？

已采纳回答 / 小程序魔王

因为dom节点里没有canvas的绘制方法,ctx上下文对象里封装了canvas的绘制方法, 这里是 2D 绘图上下文,可以绘制简单的 2D 图形,除了2D绘图上下文,还有WebGL 上下文用于绘制3D图形

1 回答 1317 浏览 3-1 Canvas 时钟外边框圆

2018-11-26

不明白r-30和r-18是什么，还有rad和x,y用到的数学表达式是什么意思，不明白function(number,i)为什么number就是前面数组的数字

最新回答 / 慕斯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...

2 回答 2346 浏览 3-2 Canvas绘制时钟内容

2018-11-17