怎样用js实现文字的环形旋转

JavaScript015

怎样用js实现文字的环形旋转,第1张

如果文字一直是正着的,

首先,要旋转,对象的位置必须是能改变,所以position要设置

然后选择其实就是改变它的left和top而已,而这两个的值,是用math.sin(),和math.cos()算出来的。

如果旋转文字本身,也就是文字是斜着的,则对其设置CSS的transform属性。

给指定的元素添加一个 CSS 属性即可:

-o-transform: rotate(90deg)

-ms-transform: rotate(90deg)

-moz-transform: rotate(90deg)

-webkit-transform: rotate(90deg)

transform: rotate(90deg)

但仅对 IE8+ 或其他浏览器有效。

如果非得兼容 IE7 的话需要使用 filter 滤镜 DXImageTransform.Microsoft.Matrix。这个参数过于复杂,这里不展开写了,题主可以自行搜索一下相关信息。

楼上说的 jquery-rotate 在 IE7、8 上表现还可以,在 IE9 里反倒有坑,题主可以自行选择是否使用。