transform屬性總結

2021-07-24 07:20:08 字數 708 閱讀 2388

用於向元素應用2d或3d轉換  我們可以用他對元素進行旋轉,縮放,移動,傾斜

transform的值  :

2d轉換translate(x,y)             3d轉換translate(x,y,z)       translatex(x)轉換x軸的值      translatey(y)轉換y軸的值       3d轉換translatez(z)          scale(x,y)  2d縮放

scale(x,y,z)  3d縮放​              scalex(x)  橫向縮放            scaley(y)  縱向縮放

scalez(z)  z軸縮放                rotate​3d(x,y,z,angle)       rotatex(angle)沿 x 軸3d旋轉。

rotate(angle)   2d 旋轉,在引數中規定角度。

rotatey(angle)​ 沿著 y 軸的 3d 旋轉              rotatez(angle) 沿著 z 軸的 3d 旋轉

skew(x-angle,y-angle)​   沿著 x 和 y 軸的 2d 傾斜轉換

skewx(angle)   沿著 x 軸的 2d 傾斜轉換。    skewy(angle)   沿著 y 軸的 2d 傾斜轉換

perspective(n)​   為 3d 轉換元素定義透視檢視

多多操練!!!!!!!!!​

UIView 常用屬性 transform

transform 旋轉角度的引數是弧度值,弧度制是乙個浮點數,180度的角度對應的弧度值是pi 90 pi 2,45 pi 4 使用transformmake 方法是相對檢視初始位置的形變 transform cgaffinetransformrotate subview1.transform,m...

UIView中的transform屬性

struct cgaffinetransform 該屬性是乙個結構體 the identity transform 1 0 0 1 0 0 蘋果給它定義了乙個原有的位置 如view.transform cgaffinetransformidentity 就表示view回到變化之前的原有樣子 cg e...

css中的transform屬性

共有如下2d轉換方法 語法 translate xpx,ypx 即把元素從左向右移動 x 個畫素,從上向下移動 y 個畫素。例 transform translate 50px,100px 則元素從左側移動 50 畫素,從頂端移動 100 畫素。語法 rotate xdeg 如果 x 為正值,則把元...