使用Javascript旋转文本

时间:2010-03-01 22:08:48

标签: javascript jquery

任何人都可以建议一种在不使用Flash或Silverlight之类的情况下以任何角度旋转文本的方法。我想使用倾斜的图像,文本跟随相同的角度。

4 个答案:

答案 0 :(得分:4)

有点晚了,但我写了一些代码来做这件事。

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”的属性,为您提供当前的旋转值。

答案 1 :(得分:3)

答案 2 :(得分:0)

答案 3 :(得分:0)

找到了这个jQuery库jQueryRotate,它对我很有用。请注意,即使名称非常相似,它也不是与链接相同的库。

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