[轉]css3—matrix矩陣


原文鏈接:走走停停看看

demo:http://peterned.home.xs4all.nl/matrices/#1.282,-0.010,-0.273,0.801,51.793,-103.582

http://blog.csdn.net/baoeni/article/details/7605394

今天終於知道matrix矩陣的工作原理,原來跟自己大一時學習的線性代數有很大的關系,看來得找個時間回去補一下功課了….

 

 

這就是矩陣的運算了,簡化為公式:
x’=ax+cy+e
y’=bx+dy+f

所以給定一個matrix矩陣,通過上面的公式變換就可以得到不同的效果,這關系到計算機圖形學(省略1w+字..)

css3的transform屬性很好用,其實可以變換為matrix矩陣工作,只需要給abcdef附上相應的值就可以了。
比如translate(tx,ty)可以由matrix(1,0,0,1,tx,ty)轉換而來,計算方法見公式
scale(sx,sy)可以由matrix(sx,0,0,sy,0,0)轉變
rotate(θ)可以有matrix(cosθ,sinθ,-sinθ,cosθ,0,0)轉變而來
skew(θx,θy)可以由matrix(1,tan(θy),tan(θx),1,0,0)轉變過來


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM