原文鏈接:走走停停看看
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)轉變過來
