如何通过js获取到CSS3里面transform rotate旋转角度的度数,matrix

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何通过js获取到CSS3里面transform rotate旋转角度的度数,matrix相关的知识,希望对你有一定的参考价值。

参考技术A -webkit-transform-origin: center bottom;
transform-origin: center bottom
transform-origin:[ <percentage> | <length> | left | center① | right
] [ <percentage> | <length> | top | center② | bottom
]?
默认值:50% 50%,效果等同于center
center
适用于:所有块级元素及某些内联元素
继承性:无
取值:
<percentage>:
用百分比指定坐标值。可以为负值。
<length>:
用长度值指定坐标值。可以为负值。
left:
指定原点的横坐标为left
center①:
指定原点的横坐标为center
right:
指定原点的横坐标为right
top:
指定原点的纵坐标为top
center②:
指定原点的纵坐标为center
bottom:
指定原点的纵坐标为bottom

说明:
设置或检索对象以某个原点进行转换。
该属性提供2个参数值。
如果提供两个,第一个用于横坐标,第二个用于纵坐标。
如果只提供一个,该值将用于横坐标;纵坐标将默认为50%。
对应的脚本特性为transformOrigin。本回答被提问者采纳

以上是关于如何通过js获取到CSS3里面transform rotate旋转角度的度数,matrix的主要内容,如果未能解决你的问题,请参考以下文章

用js怎么获取css3里的rotate

div使用css3 transform做位移动画,js能实时获取div的位置吗

Js获取当前浏览器支持的transform兼容写法

大转盘抽奖css3+js(简单书写)

CSS3 transform 缩放

JS获取transform rotate旋转角度的度数,matrix解析