老师解答一下

来源:2-9 位移变形

一只少年

2021-10-26 15:58:32

图形2转换前后,进行了x轴方向缩小、x轴方向扭曲两种转换方式,x轴和y轴的方向怎么定义,不太懂skew的x轴和y轴怎么看,而且2d变形也有z轴吗?scale(0.5,1)是表示x轴缩小0.5倍,沿着y轴扩大一倍吗?

https://img.mukewang.com/climg/6177b46809bcc57b15860720.jpg

写回答

1回答

好帮手慕然然

2021-10-26

同学你好,解答如下:

1、首先,平面坐标轴定义如下:

https://img.mukewang.com/climg/6177bd2209d4fc4404440440.jpg

立体坐标轴定义如下:

https://img.mukewang.com/climg/6177bd2e09fe606806830523.jpg

2、关于skew() 方法,其沿着X轴(水平方向)倾斜,以及沿着Y轴(垂直方向)倾斜的方向,就是图一平面坐标轴中X轴和Y轴的方向,具体如何倾斜,同学可以参考下图

https://img.mukewang.com/climg/6177c70009a90aed13610546.jpg

https://img.mukewang.com/climg/6177c705097dafdf13480565.jpg

3、在2d变形中,对于rotate()方法来讲默认是沿着Z轴旋转(也就是沿着平面旋转),与rotateZ()效果是一样的。如果想要实现沿着X轴和Y轴旋转,则需要使用3D转换方法rotateX()、rotateY(),同学可以看着上面的立体坐标轴,想象一下rotate是如何沿着X,Y,Z轴旋转的。

4、scale(0.5,1)是表示x轴缩小0.5倍,沿着y轴扩大一倍吗?其实可以这样来理解:即宽变为原来的0.5倍,高变为原来的1倍(相当于不变)

祝学习愉快!

0

0 学习 · 17877 问题

查看课程