Canvas 绘制时钟_技术问答

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

Canvas 绘制时钟

                
                Silva Zhou
            Web前端工程师

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

全部评论问答未解决精华

新人，请问老师们是用什么软件编写代码html的/能共享吗？

最新回答 / 叶子_2016

sublime

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

2017-03-22

画不出圆？求救

最新回答 / 奔跑的兔子0

<...图片...>src 大哥

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

2017-03-17

下面的代码是按照秒针rotate:function drawHour(hour,minute,second){ ctx.save(); ctx.beginPath(); var rad=2*Math.PI/12*hour; var srad=2*Math.PI/60/60*second; var mrad=2*Math.PI/12/60*minute+srad; ctx.rotate(rad+mrad); ctx.lineWidth=6; ct...

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

2017-03-12

ctx.fillStyle="#000"; //没有这一句，数字的点没法黑色

最新回答 / 徐锦杰

当然不行了，得改回来

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

2017-03-09

效果出不来

最赞回答 / 我爱吃牛排

js代码没有问题看看你是不是HTML页面写错了你可能忘记引入你这个JS了还有IE9以下的不支持的哦

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

2017-03-08

在线等

最新回答 / 马_贝er

PI.不是pi

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

2017-03-08

帮助文档

最新回答 / 鱼骨头vani

并没有找到帮助文档

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

2017-03-07

为什么我照着3-1课程打，最后画圆仍然最后画圆仍然画不出来。

最赞回答 / qq_Lamaarasadne_0

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

2017-03-02

为何时钟的时间和系统时间不一致？

最新回答 / qq_逃_5

var minute = now.getMinutes();

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

2017-03-01

秒针怎么画？

最赞回答 / 任性不是罪

<...图片...>时针画法图解

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

2017-02-28

r-5怎么来的？

最赞回答 / 任性不是罪

因为lineWidth的宽度值是以图形的边缘为基准向两边扩展的，也就是说原来的半径为r，给了一个10像素的宽度，那么新的半径（到外边）就是r+5，到内边的半径就是r-5。

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

2017-02-27

静态的可以实现，改成动态的代码只看见正方形。求解

最新回答 / 雪狼湖小雪

function draw() {ctx.clearRect(0,0,width,height);var now=new Date();var hour=now.getHours();var minute-now.getMinutes();//你把=打成-了var second=now.getSeconds();drawBackground();drawHour (hour,minute);drawMinute (minute);drawSecond (second);drawDot();ctx.rest...

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

2017-02-24