我剛剛接觸transform的skew屬性值時一頭霧水,根本不知道種東西到底是咋變的。上網查,各個網站上也只說這個使用來做扭曲變換的,具體是咋變的就是不說。。。。無奈我只好自己研究了,現(xiàn)把研究結果共享一下。
首先說變換的時候坐標系是咋建的,如下圖(transform-origin:0px 0px;)。
既然skew(...)的括號里放的是坐標軸旋轉的角度,那么接下來說一下旋轉正方向的問題。y軸順時針轉為正,X軸逆時針轉為正。
之后圖形就可以確定了,因為兩軸的位置確定了,然后用仿射變換即可確定。
更多信息請查看IT技術專欄