                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /Canvas绘图详解

//为什么先平移，后旋转？如果先旋转后平移的话,星星就会很少，而且在5-1中的只占屏幕的65%，就实现不了。

//为什么先平移，后旋转？如果先旋转后平移的话,星星就会很少，而且在5-1中的只占屏幕的65%，就不会有效果。

以下是先旋转后平移的效果（y坐标也已经乘以0.65）

以下是先平移后旋转的效果：

南孩北调

2016-07-30

源自：Canvas绘图详解 5-1

关注问题我要回答

2192

操作

收起

2 回答

Arya丶回答被采纳 +3 积分
2016-08-01

你这样放图片代码。。没人看得清。。

我用我的理解说一下吧，先进行旋转的话，其实是把参照坐标系旋转了，注意，不是对整个canvas影响，而是对旋转后，即将要绘制的图形有影响。也就是说，进行了旋转，参照坐标系就是一个旋转状态，这时候你的“平移”，已经不是原来的平移了，而是旋转后的平移，也就是说，其实是斜移动了的。应该是这样~吧

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

收起回答

Arya丶
2016-08-01

你可以写个小demo尝试一下。。至于星星为什么会少我也不知道了

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

收起回答

Arya丶

可能移出屏幕了吧

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

0/150

提交

取消

Canvas绘图详解

参与学习 73043 人
解答问题 441 个

Canvas系列教程第二课,详解Canvas各接口，让同学彻底掌握Canvas绘图

进入课程

本课相似问答

6 回答做了一个五角星组合旋转的动画效果：）

3 回答为什么我加了旋转五角星就跑到黑布外面去了呢？

3 回答改成这样就不出星星了为什么

1 回答旋转的问题

4 回答为什么明明设置了绘制10棵星星，运行之后，出现满画布的星星

搜索更多本课相关问答

//为什么先平移，后旋转？如果先旋转后平移的话,星星就会很少，而且在5-1中的只占屏幕的65%，就实现不了。

我要回答关注问题

热搜

最近搜索清空

//为什么先平移，后旋转？如果先旋转后平移的话,星星就会很少，而且在5-1中的只占屏幕的65%，就实现不了。

2 回答

本课相似问答

//为什么先平移，后旋转？如果先旋转后平移的话,星星就会很少，而且在5-1中的只占屏幕的65%，就实现不了。