概括介绍，基本知识

可视化有两个引擎：

Canvas，SVG是基于Skis；webgl基于OpenGl 旋转好像和矩阵有关，有对应公式可以自己搜索理解

transform的方法

transform-origin：这是原点也是初始坐标系，就在左上角，但是当transform进行操作时，如果没有设置transform-origin，name原点就会跑到正中间，因为transform-origin的默认值为（50%，50%）。
transform的不同方法，前后顺序不同，造成的效果也不同，因为例如旋转他是根据坐标轴来进行判断，但是坐标轴也会随着变化而变化。
rotate，这个是旋转属性，三个参数分为依次代表x,y,z的旋转参数，x,z和上学学的一样但是y轴是下为正，上为负，参数正为顺时针旋转，负为逆时针旋转，写法(x,y,z,'?deg'),也可以单独写。
translate代表移动，和别的一样三个参数，为移动距离。
scale：这是缩放有写法分为（x,y,z）,前三个参数默认为1，代表最后一个参数的比例，不能写百分比。
perspective这是透视属性，近大远小，类似于蜡烛成像吧。有none和数值，越大就离得越近，但可能太大就到后面去看不见了，定义在父盒子中，子盒子都有这效果
transform-style：他决定他的子元素是在二维还是在三维中。

以上方法如果后面加上3d字样，就会开启gpu渲染，但是写就不开，但是效果一样