请问scale(-1,1)是什么意思,scale为什么要放在平移和旋转的前面

来源:2-1 汉克狗头部轮廓和耳朵

qq_慕标2503495

2020-03-05 11:29:05

请问scale(-1,1)是什么意思,scale为什么要放在平移和旋转的前面

写回答

1回答

好帮手慕码

2020-03-05

同学你好,解答如下:

(1)scale(x,y) 可以理解为x是元素左右边线到元素中心点的距离,y是元素上下边线到元素中心点的距离。x值越大元素的左边线越靠左,右边线越靠右;x值为0时,左边线和右边线会重合;x值为负数时,元素的左边线会移到元素中心点的右侧,右边线会移到元素中心点的左侧,这样就水平翻转了。

例如:

http://img.mukewang.com/climg/5e60959f09cabc7e02510184.jpg

当设置缩放为1时,图形正常显示,你可以把第一个值一点一点把值改小:

http://img.mukewang.com/climg/5e6095af09696b5f00280032.jpg

例如0.8, 0.5, 0.1,形状慢慢缩小:

http://img.mukewang.com/climg/5e6095c209313f5701650019.jpg

http://img.mukewang.com/climg/5e6095d609d496ba00230065.jpg

当等于0时,图片就缩放没了,然后你再一点一点设置成负值,例如-0.1,-0.5,-0.8:

http://img.mukewang.com/climg/5e6095ec0913493c00280074.jpg

就会发现图形从反方向慢慢放大,等设置成-1之后,整个图形就显示正常,所以也实现了翻转的效果。

(2)首先要知道:transform的属性值是没有顺序之分的,不过由于缩放或者移动之后坐标轴也会跟着改变,所以先移动或者先转动都是可以的,不过由于顺序不同,改变的坐标值不同,所以在效果上也有一定的区别。

而这里将scale放在后面的话与我们的想要的效果不一致,所以需要放在前面。

如果我的回答帮到了,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程