Canvas 绘制时钟_技术问答

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

Canvas 绘制时钟

                
                Silva Zhou
            Web前端工程师

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

全部评论问答未解决精华

不能加载js文件，显示不出效果

最新回答 / 饭宝宝

已经出来了

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

2016-12-18

Cannot read property 'width' of undefined

已采纳回答 / 慕运维1221375

var width=ctx.canves.width;var height=ctx.canves.height;这两句敲错了。是canvas而不是canves。另外，这个错误的意思是不能读取到未定义对象的'width'属性，意味着你canves.width中canves是未定义的，只要检查一下这个就OK了，这个错误会经常遇到，得知道它产生的原因。

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

2016-12-10

我的只有矩形的边框啊。求解。

已采纳回答 / 离玮

<...图片...>希望能够解决你的问题。

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

2016-12-07

ctx.canvas.width，ctx.canvas.height

已采纳回答 / 心有猛虎_细嗅蔷薇

其实在这里已经在CSS中设置好了<canvas id="clock" height="200px" width="200px"></canvas>换成script的写法就是这样：ctx.canvas.width=200ctx.canvas.height=200设置一个变量，目的就是为了不让值写死。

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

2016-12-05

求课程源码

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

2 回答 791 浏览

2016-12-04

按照改变秒针的方式改变颜色，但是分针，时针都不了可以改颜色！这是为什么？

已采纳回答 / 慕容9453778

因为秒钟用的是ctx.fill()；方法，所以其改颜色对应的是ctx.fillStyle=’颜色‘；又因为分针、时针绘制的方法用的是ctx.stroke();所以要改变其颜色要对应 ctx.strokeStyle='颜色'；

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

2016-12-02

老师，那个外边框圆圈怎么改颜色，不是里面连接分针秒针那个圆圈哦！

已采纳回答 / MarlboroKay

不好意思，上午没有仔细看您的提问<...code...>这样就可以改变外面的边框了。望采纳！

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

2016-12-02

左边栏

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

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

2016-12-02

为什么按视频上写的最后出不来圆呢，求大神指教

最新回答 / 慕粉4183213

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>canvas clock</title><style type="text/css">div{text-align: center; margin-top: 230px;}#clock{border: 1px solid #fff;}</style></head><body>&...

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

2016-11-28