Canvas 绘制时钟_技术问答

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

Canvas 绘制时钟

                
                Silva Zhou
            Web前端工程师

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

全部评论问答未解决精华

慕仔0295808

说实话，讲的很好，一次性看完一点不觉得乏味~~真好

1 4-2 Canvas时钟特效

2017-09-02

慕仔0295808

那些只有一个赞的都是自己点的吧~~

9 3-3 Canvas静态的时分秒

2017-09-02

慕仔0295808

欲知后事如何~~~~

1 3-2 Canvas绘制时钟内容

2017-09-02

qq_曲项向天歌_0

秒针的思路就是画了一个前细后粗的秒针，然后fill填充

1 3-3 Canvas静态的时分秒

2017-08-30

小昊子

看不懂。。。头都大了

0 2-1 Canvas 绘制时钟--几何模型

2017-08-29

超级小悟空

很棒，非常喜欢这样的老师

0 4-1 Canvas动态的时分秒

2017-08-28

为什么秒的弧度计算也是乘以索引

最新回答 / Gean01

从3点的位置开始画秒，刚好画一圈。

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

2017-08-23

为什么要减30

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

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

2017-08-22

qq_ChuanceyYin_0

var canvas=document.getElementById('clock'),
ctx=canvas.getContext('2d'),
width=canvas.width,
height=canvas.height,
r=width/2;

function drawCircle(){
ctx.translate(r,r);
ctx.beginPath();
ctx.arc(0, 0, r, 0, 2*Math.PI);
ctx.stroke()
}
drawCircle();

逗我?出现的咋不是圆圈,而是竖起来的一半的椭圆

0 3-1 Canvas 时钟外边框圆

2017-08-21