码迷,mamicode.com
首页 > Web开发 > 详细

CSS3学习笔记--transform中的Matrix(矩阵)

时间:2015-03-02 18:33:34      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

transform: matrix(a,b,c,d,e,f) ,如下图矩阵所示,任意点(x,y,1)经过matrix变化为(ax+cy+e,bx+dy+f,1),由此可以知道,
matrix参数与translate/scale/skew/rotate函数参数的对应关系为:
translate(tx,ty) matrix(1,0,0,1,tx,ty)
scale(sx,sy) matrix(sx,0,0,sy,0,0)
skew(sx,sy) matrix(1,tansy,tansx,1,0,0)
rotate(rx) matrix(cosrx,sinrx,-sinrx,cosrx,0,0)
 
 
 

技术分享

 

CSS3学习笔记--transform中的Matrix(矩阵)

标签:

原文地址:http://www.cnblogs.com/forlina/p/4309092.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!