Canvas静态的时分秒_Canvas 绘制时钟-慕课网

第1章 canvas时钟演示
视频：1-1 Canvas时钟展示(01:43)

第2章几何知识
视频：2-1 Canvas 绘制时钟--几何模型(07:48)

Silva Zhou

Web前端工程师

Silva Zhou，高级前端工程师，同时也熟悉java。搭建过多个项目的前端架构，也担任过java工程师。喜欢研究新技术，backbone、react、angularjs、webpack等都被应用到项目中。喜欢把复杂的技术简单化。

讲师课程

Requirejs和自动打包

免费课中级 14713

提问题

提交

其他问答

查看更多本节问答

写笔记

公开笔记

提交

问答
评论
笔记

全部精华我要发布

画秒针的问题

最新回答 / FindYouL

这是四个点，下面（横坐标是-2到2）宽一点，上面（横坐标是-1到1）窄一点，填充过后就形成了类似三角形的秒针

1 回答 790 浏览

2020-08-09

时针的绘制

最新回答 / 慕斯8234454

原点跟css 一样在左上角因此往右往下为正,往左往上为负

2 回答 1054 浏览

2020-05-20

时针显示不正确

已采纳回答 / cjc小隐_0

drawHour(4);改为drawHour(4，30);

2 回答 1258 浏览

2018-02-27

stroke,,arc时候为什么是减去一半

最新回答 / qq_慕设计5352929

<...图片...>如果你问的是圆半径-5那块的话是这样的,灰色的块代表圆的宽度,也就是lineWidth,红色代表的是圆本来的一个状态，给他宽设置为10px时,是以圆的边框的中心为基准，向内外各加5px，就成为了10px,表达能力不好你再理解一下

2 回答 1170 浏览

2019-12-18

为什么hour会是4

最赞回答 / 形式扰人

我知道了，因为下面给了drawHour(4);赋值为4，我懂了

1 回答 894 浏览

2018-03-06

分针的旋转角度不对

最新回答 / cc_0501

画分针的时候先画了一条指向3点的线，所有以3点为起始值旋转了

1 回答 899 浏览

2017-06-17

我的程序运行不出来，不知道哪里出错，运行时出现下面方框中的提示，哪路大神知道是啥意思吗？

最新回答 / qq_简单点_14

Id写错了，注意大小写

2 回答 1337 浏览

2017-05-30

谁帮我看看哪里错了，代码运行不出来，找不出错误

最赞回答 / 与我无关_0001

js 的第二行是don而不是domjs的倒数第四行是cxt.fill（）；

1 回答 871 浏览

2018-03-06

哪位大神可以帮帮我吗

已采纳回答 / Ellision

1、原代码：var don=document.getElementByID("clock2"); 修改后：var dom = document.getElementById("clock2");2、原代码：ctxfill();；修改后：cxt.fill();

3 回答 1254 浏览

2018-06-05

我的分针秒针去哪里了？？？

最赞回答 / 心海云端

ctx.restore();restore写错了

1 回答 1028 浏览

2018-03-06

canvas中forEach的用法

最新回答 / 慕码人1194994

forEach()把函数从头到尾遍历一遍。有三个参数分别是数组元素数组元素的索引数组本身（如果是一个参数就是数组元素）http://www.jb51.net/article/69103.htm

1 回答 1057 浏览

2017-05-01

秒针的画法

最新回答 / 肖小恒

画一个梯形，填充

1 回答 812 浏览

2017-04-19

为什么我和老四显示的不一样啊 js文件 html文件没有问题

已采纳回答 / 慕粉4296081

每个ctx.restore()语句一定要加后面的'()', 不然js不能识别它为canvas的方法试了下应该是这个问题

1 回答 1439 浏览

2017-03-26

为什么同样两个时针同样的参数显示却不一样

已采纳回答 / 郭小V先森

<...code...>一个参数是4 一个参数是1显示的会一样？

1 回答 1331 浏览

2017-03-27

帮助文档

最新回答 / 鱼骨头vani

并没有找到帮助文档

2 回答 673 浏览

2018-08-29

全部我要发布

最热最新

只看我的

3-3 Canvas静态的时分秒

下一节课程： Canvas动态的时分秒 (05:43) 下一节重新观看

为你推荐

讲师课程

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

画秒针的问题

时针的绘制

时针显示不正确

stroke,,arc时候为什么是减去一半

为什么hour会是4

分针的旋转角度不对

我的程序运行不出来，不知道哪里出错，运行时出现下面方框中的提示，哪路大神知道是啥意思吗？

谁帮我看看哪里错了，代码运行不出来，找不出错误

哪位大神可以帮帮我吗

我的分针秒针去哪里了？？？

canvas中forEach的用法

秒针的画法

为什么我和老四显示的不一样啊 js文件 html文件没有问题

为什么同样两个时针同样的参数显示却不一样

帮助文档

推荐课程

推荐路线系统化学习，打造阶梯学习模式

手记推荐

3-3 Canvas静态的时分秒

热搜

最近搜索清空

下一节课程： Canvas动态的时分秒 (05:43) 下一节 重新观看

为你推荐

讲师课程

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

账号登录 验证码登录

下一节课程： Canvas动态的时分秒 (05:43) 下一节重新观看

账号登录验证码登录