CSS3 transform matrix矩阵偏移分解实例页面

回到相关文章 »

代码:

  没有意义,不做展示,如果兴趣,查看页面源代码即可。

  .matrix_box { position:relative; left:75px; top:75px; } /* 中心点位置 */

效果:

对于matrix(1, 0, 0, 1, 30, 30)偏移,位置计算等式为:
x' = ax+cy+e = 1*x+0*y+30 = x + 30;
y' = bx+dy+f = 0*x+1*y+30 = y + 30;