标签:
今天终于知道matrix矩阵的工作原理,原来跟自己大一时学习的线性代数有很大的关系,看来得找个时间回去补一下功课了….
这就是矩阵的运算了,简化为公式:
matrix(a,b,c,d,e,f);
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)转变过来
[转自]:http://www.cnblogs.com/GeekHacker/archive/2012/07/13/2589876.html
其他相关博客:
理解CSS3 transform中的Matrix(矩阵):
http://www.zhangxinxu.com/wordpress/2012/06/css3-transform-matrix-%E7%9F%A9%E9%98%B5/comment-page-2/
IE矩阵滤镜Matrix旋转与缩放及结合transform的拓展:
IE滤镜与CSS3效果(详细整理分享):
http://www.jb51.net/css/71829.html
标签:
原文地址:http://www.cnblogs.com/k11590823/p/css.html