代码之家  ›  专栏  ›  技术社区  ›  CLiown

用javascript旋转文本

  •  4
  • CLiown  · 技术社区  · 14 年前

    有没有人能建议一种不用闪光灯或Silverlight就可以任意角度旋转文本的方法?我想用一个倾斜的图片,文字跟在同一个角度。

    4 回复  |  直到 11 年前
        1
  •  3
  •   poke    14 年前
        2
  •  4
  •   rlemon Ryan Kinal    12 年前

    现在有点晚了,但我已经写了一些代码来做这个。

    http://jsfiddle.net/73DzT/139/

    Object.prototype.rotate = function(d) {
        var s = "rotate(" + d + "deg)";
        if (this.style) { // regular DOM Object
            this.style.MozTransform = s
            this.style.WebkitTransform = s;
            this.style.OTransform = s;
            this.style.MSTransform = s;
            this.style.transform = s;
        } else if (this.css) { // JQuery Object
            this.css("-moz-transform", s);
            this.css("-webkit-transform", s);
            this.css("-o-transform", s);
            this.css("-ms-transform", s);
            this.css("transform", s);
        }
        this.setAttribute("rotation", d);
    }
    

    可以与常规对象或jquery对象一起使用。并存储一个名为“rotation”的属性,以提供其当前的旋转值。

        3
  •  0
  •   xuma    14 年前
        4
  •  0
  •   A. Tapper Scott    11 年前

    找到这个jquery库 jQueryRotate 这对我很有帮助。注意,poke链接到的库不同,尽管名称非常相似。

    http://code.google.com/p/jqueryrotate/