Canvas 绘制时钟_技术问答

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

Canvas 绘制时钟

                
                Silva Zhou
            Web前端工程师

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

全部评论问答未解决精华

服务器运行代码报错

最新回答 / 慕仰1535993

没给宽高呀。 div给个宽高就好了

1 回答 1657 浏览

2018-03-28

老师用的什么软件

最赞回答 / 风的承诺

sublime text3,挺好用得

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

2018-03-23

为了秒钟匀速转动，缩小秒钟移动的弧度，加快时间间隔，为什么秒钟还是一秒动一下。

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

2 回答 1064 浏览

2018-03-03

为什么我的图只有三点钟的数字对不齐呢，麻烦大家帮我看看

最新回答 / 菜花籽

因为你把垂直和水平对齐放到了循环里面，导致第一次填充数字的时候是先填充后对齐所以没用，要把对齐放到循环上面

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

2018-02-08

关于最后的draw()

最赞回答 / 阿猫猫猫猫

如果删除了，那么第一秒出现的是空白，过了一秒（1000毫秒）之后才会出现时钟。所以为了防止出现断层，一开始先把时钟画上去。我是这么理解的。

2 回答 1289 浏览 4-1 Canvas动态的时分秒

2018-01-25

分钟不出来

最新回答 / 慕运维5539158

问题找到了，ctx打成stx了，粗心呐

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

2018-01-16

时分秒钟闪现

最赞回答 / 阿猫猫猫猫

是不是在setInterval(draw,1000);之前没有写上draw();的缘故啊？

2 回答 1162 浏览 4-1 Canvas动态的时分秒

2017-12-05

在DW打，在；浏览器上没有显示

最新回答 / 王光

不应该这个上面的不存在兼容性问题应该是你哪里敲错了

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

2017-12-01

为什么clearRect没有作业

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

2 回答 1145 浏览 4-1 Canvas动态的时分秒

2017-11-23

为什么我照着老师的写，但是我的圆是半圆，数字也只显示一半的了

最新回答 / 慕粉1472808693

已经解决了，谢谢。画布宽高设置错了。写成css样式了

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

2017-11-16

canvas时钟内容

最新回答 / 慕斯8234454

1.<...图片...>2.<...图片...>3.<...图片...>4.<...图片...>

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

2017-11-16

for(var i = 0;i < 60 ;i++){var rad=2*Math.PI/60*i;var x=Math.cos(rad)*(r-18*rem);var y=Math.cos(rad)*(r-18*rem);ctx.beginPath();------------ 分割线 -------------上面是画刻度点的部分，y = Math.sin(rad) * (r - 18 * rem)；而不是cos

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

2017-11-16