线性变换

标签：alt   mes   矩阵   math   css   round   旋转   idt   back   

线性变换

2D旋转

aM = b

2D旋转矩阵

角度与弧度互转

弧度：Math.PI / 180 * deg
角度：180 / Math.PI * radian

 div {
  width: 100px;
  height: 100px;
  background: red;
  transform:matrix(0.7853981633974483,0.7853981633974483,-0.7853981633974483,0.7853981633974483,0,0);
  transform: rotate(45deg);
 }

3D旋转

左手坐标系和左手法则

右手坐标系和右手法则

绕x轴旋转

绕y轴旋转

div {
  width: 100px;
  height: 100px;
  background: red;
  transform: matrix3d(              
                0.7853981633974483,0,-0.7853981633974483,0,
                0,1,0,0,
                0.7853981633974483,0,0.7853981633974483,0,
                0,0,0,1
            );
  }

绕z轴旋转

线性变换

标签：alt   mes   矩阵   math   css   round   旋转   idt   back   

原文地址：https://www.cnblogs.com/pluslius/p/13174636.html