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

画秒针的时候moveTo和rotate顺序不同应该没影响吧可是如下面内容

ctx.save();
ctx.beginPath();
ctx.fillStyle="red";

var rad = 2 * Math.PI / 60 *second;
ctx.rotate(rad);
ctx.moveTo(-2,20);
ctx.lineTo(2,20);
ctx.lineTo(1,-r / 2 -30);
ctx.lineTo(-1,-r / 2 -30);
// ctx.rotate(rad);

ctx.fill();

ctx.restore();

rotate必须写在moveTo前面才会有旋转效果、注释掉的那一行rotate写在moveTo后面则没发生旋转、指向12点方向。这到底是为什么呢求解答、感激不尽！

楚童

2016-11-11

源自：Canvas 绘制时钟 3-3

关注问题我要回答

721

操作

收起

1 回答

追觅梦初的国度回答被采纳 +3 积分
2016-11-11

你这个思路有点问题，先rotate的话在哪个角度画，这个角度在变的；先画的话，已经画了，然而角度没变的，所以12点。只是rotate对已经画了的路径不起作用。跟css3中的写法还是有点差异的。。。

先旋转在画（正确思路）；先画在旋转（错误思路）;

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

#1

追觅梦初的国度

只是我的个人见解，不一定正确啊

2016-11-11 回复有任何疑惑可以回复我~

#2

楚童提问者回复追觅梦初的国度

我能不能这样理解、画是最后一步、而旋转是画的参数。必须先设置参数再画这样对吗

2016-11-11 回复有任何疑惑可以回复我~

#3

追觅梦初的国度回复楚童提问者

先设置角度在画。

2016-11-11 回复有任何疑惑可以回复我~

查看1条回复

举报

0/150

提交

取消

Canvas 绘制时钟

参与学习 49750 人
解答问题 160 个

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

本课相似问答

3 回答为什么画秒针的时候，半径是2，

1 回答秒针的画法

1 回答画秒针的问题

2 回答秒针怎么画？

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

搜索更多本课相关问答

画秒针的时候moveTo和rotate顺序不同应该没影响吧可是如下面内容

我要回答关注问题

意见反馈帮助中心 APP下载