看了關于transform:matrix矩陣與平移translate、縮放scale、旋轉rotate、拉伸skew的關系。對transform:matrix矩陣與縮放scale的關系有些不明白。transform: matrix(a,b,c,d,e,f);【提問】1、上述的x、y指的是表示轉換元素所在坐標變量，這個所在坐標變量是什么意思？是中心點(0，0）嗎？2、矩陣偏移元素的中心點是什么，（0，0）嗎3、transform: matrix(a,b,c,d,e,f);中的a、d是scale();的參數(shù)。例如，按照矩陣的算法就是假設比例是s，則transform:matrix(s,0,0,s,0,0); 套用矩陣就算，就有：x' = ax+cy+e = s*x+0*y+0 = s*x;y' = bx+dy+f = 0*x+s*y+0 = s*y;但是如果x、y是(0,0)的話，計算出來的x'、y'就是(0，0)了，就是進行了縮比例。x、y會是一直都是(0，0)為中心點嗎？還會有別的值？如果是別的值，是怎么界定了？
1 回答
已采納
-
慕容818178不是，我明白矩陣的運算規(guī)則。我只是想知道那個x、y指的是哪個的值 -
pardon110css3的transform顧名思義是用來描述變換的，它允許旋轉，縮放，傾斜或平移給定元素。其實際是通過修改CSS視覺格式化模型的坐標空間來實現(xiàn)的。為了便于理解，你需要知道2D與3D坐標系統(tǒng)表示與變換。 先了解一下2D空間坐標系：笛卡爾坐標用來描述轉換坐標模型 在笛卡爾坐標系中，每個 歐氏空間 里的點都由橫坐標和縱坐標這兩個值來確定。 在CSS（和大部分的計算機圖形學）中，原點 (0, 0) 在元素的左上角。每個點都使用數(shù)學上的向量符號(x,y)來描述。對坐標系中的每個點進行矩陣乘法就可以得到變換的效果?；诖?，可以描述大部分常見的變換并因此可以將他們組合起來，如：旋轉、縮放或拉伸。組合的變換是從右到左生效，而對于非線性變換位移，通常是采用位移向量 (tx, ty) 單獨表示，作為兩個附加參數(shù)。 好了進入3D圖形坐標，只說matrix函數(shù) CSS 函數(shù) matrix() 用六個指定的值來指定一個均勻的二維（2D）變換矩陣。這個矩形中的常量值是不作為參數(shù)進行傳遞的，其他的參數(shù)則在主要列的順序中描述。 matrix(a, b, c, d, tx, ty) 是 matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1) 的簡寫。 a b c d 以 <number> 的格式來描述線性變換 tx ty 以 <number> 的格式來描述變換的量 注意：css中的原點是元素左上角頂點（0，0），而不是視窗中心點
-
慕容818178好的謝謝你哦。小提議：下次回答可以換一下行哦，新手理解有點費勁，看著也有點費勁。
點擊展開后面1條
添加回答
舉報
0/150
提交
取消