javascript 求高手解答 二话不说 上图! 请问如何编写脚本前台页面才能显示这样的效果?

2025-05-13 11:42:12
推荐回答(2个)
回答(1):

以下几种解决办法:
1.直接用图片代替文字;
2.用css属性实现,现代浏览器使用css3的transform,ie使用滤镜;具体使用实例自己百度之。
3.高级浏览器使用css3属性或者canvas,ie9以上使用svg,ie9以下使用vml模拟,具体实例,不会~~~

另附上个人使用的关于transform的less类(封装起来,平时好用~)
.rotateTxtReal(@r){
//这里要对正负的角度值进行矫正
@l:`@{r} > 0 ? @{r}%360 : (360+(@{r}%360))`;
@b:~"@{r}deg";
//用js的sin等函数时,要将角度值转换为弧度值
@ie:~'@{r}/180*Math.PI';
zoom:1;
-webkit-transform: rotate(@b);
-moz-transform: rotate(@b);
-o-transform: rotate(@b);
filter:~"progid:DXImageTransform.Microsoft.Matrix(M11=`Math.cos(@{ie})`,M12=-`Math.sin(@{ie})`,M21=`Math.sin(@{ie})`,M22=`Math.cos(@{ie})`,SizingMethod='auto expand')";
transform: rotate(@b);
}

回答(2):

不会