Canvas 绘制时钟_技术问答

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

Canvas 绘制时钟

                
                Silva Zhou
            Web前端工程师

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

全部评论问答未解决精华

慕九州2303525

讲得是不错的，只是，本身没有这个数学基础知识的人，理解起来，还是没那么容易转过弯来，多看几遍+自己理清楚思路应该就好了

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

2017-03-09

慕后端5379948

老师代码写错了
应该是这样
var canvas=document.getElementById("clock");
var ctx=canvas.getContext("2d");
var width=canvas.width;
var height=canvas.height;

0 3-1 Canvas 时钟外边框圆

2017-03-09

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

最新回答 / 徐锦杰

当然不行了，得改回来

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

2017-03-09

我爱吃牛排

秒针就是用moveTo和lineTo 通过4个点绘制出一条路径如果你想看看这个区域可以用closePath()和ctx.stroke()来看一下换做用ctx.fill()是填充当前绘图路径

2 3-3 Canvas静态的时分秒

2017-03-09

New_Name

复习数学啦，haha

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

2017-03-09

急急急

已采纳回答 / 我爱吃牛排

<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,initial-scale=1"><title>canvas clock</title><style>div{text-align: center;margin-top: 250px;}#clock{border:10px solid #ccc;}</style&g...

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

2017-03-08