                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /Canvas 绘制时钟

线段转动方法理解问题

ctx.rotate(rad + mrad); 时针更跟给定弧度转动；但是没有给定从哪个具体位置开始旋转啊！这个不太理解；麻烦高人指点一下；
就像画一条线条一样要给起始点和终点；但是这个旋转只要给旋转弧度就可以旋转了！

慕用6095593

2018-05-25

源自：Canvas 绘制时钟 4-2

关注问题我要回答

1376

操作

收起

3 回答

慕斯8234454
2020-05-20

在画圆时已经把中心移到正中心了
ctx.translate(r , r) //移动原点到中心

0 回复有任何疑惑可以回复我~

收起回答

异择Y
2018-11-11

context.rotate(angle);//只接受一个参数angle,旋转的中心默认为原点。

因此只有通过context.translate(x,y)来设定旋转中心。

0 回复有任何疑惑可以回复我~

收起回答

洞天
2018-06-21

转动的中心是坐标零点，在旋转之前，需要将圆点设置好。

用ctv.translate(x,y)设置

1 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

Canvas 绘制时钟

参与学习 49749 人
解答问题 166 个

canvas画出漂亮的时钟，通过本教程能重新掌握一些几何知识

进入课程

本课相似问答

1 回答可以转动，但是是按照时针来转的，不是秒针？

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

1 回答h5 clearRect()方法无法清除画布内容

4 回答在线等

2 回答为了秒钟匀速转动，缩小秒钟移动的弧度，加快时间间隔，为什么秒钟还是一秒动一下。

搜索更多本课相关问答

线段转动方法理解问题

我要回答关注问题

热搜

最近搜索清空

线段转动方法理解问题

3 回答

本课相似问答

线段转动方法理解问题