Canvas 绘制时钟_技术问答

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

Canvas 绘制时钟

                
                Silva Zhou
            Web前端工程师

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

全部评论问答未解决精华

Javascrpt部分

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

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

2016-10-19

html部分

最新回答 / then呢

钟表效果 js绘画真心很强大我模拟了一次就爱上了

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

2016-10-19

求解开发工具

最赞回答 / LEES

应该是webStorm或者Intellij Idea，同时推荐用这两个工具

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

2016-10-19

画不出时针

最赞回答 / qq_手心的繁星_03822768

因为画布默认的起点实在左上角。使用translate()函数将中心移动到画布中心，参考w3c的canvas手册http://www.w3school.com.cn/tags/canvas_translate.asp

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

2016-10-18

老师你好，你用的软件是什么？？

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

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

2016-10-17

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

2016-10-14

代码一模一样,圆画不出来

最新回答 / 游勇决

ctx.arc(0,0,r-5,0,2*Math.PI,false);

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

2016-10-14

不明白秒针为什么要这样实现？

已采纳回答 / Silva Zhou

是为了让秒针有个不同的效果，秒针尾部大些，秒针头部小些，看着更美观~。~

1 回答 798 浏览

2016-10-14

一秒之后就变了。。。

已采纳回答 / muwenyuan

在drawBackground()开始那保存一下当前的环境状态

3 回答 1472 浏览 4-1 Canvas动态的时分秒

2016-10-13

不知道哪里出问题了，求指教

最新回答 / 念念熙

在drawBackground()方法开始就要保存画布，ctx.save()，并且drawBackground()方法是在draw()方法里调用，而不是在外部调用。在draw()方法开始的时候就要“在给定的矩形内清除指定的像素”ctx.clearRect(0, 0, width, height);建议可以再次跟着视频做一次，老师其实讲得很详细了~加油

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

2016-10-13