jquery – 具有css3和ie8支持的弧形文本

我试图用 css3属性给出一个弧形的文本,还改变了js来支持ie8.但这不行.

this.$letters.each(function (i) {
    var $letter = $(this),transformation = (_self.options.radius === -1) ? 'none' : 'translateX(' + $letter.data('x') + 'px) translateY(' + $letter.data('y') + 'px) rotate(' + $letter.data('a') + 'deg)',transition = (animation) ? 'all ' + (animation.speed || 0) + 'ms ' + (animation.easing || 'linear') : 'none';


    filterIE = 'M11=' + $letter.data('x') + ',M21=' + $letter.data('y') + ',rotation=' + $letter.data("a") + 'deg'; // js function for supporting ie8
    //alert(filterIE);
    $letter.css({
        '-webkit-transition': transition,'-moz-transition': transition,'-o-transition': transition,'-ms-transition': transition,'transition': transition
    })
    .css({
        '-webkit-transform': transformation,'-moz-transform': transformation,'-o-transform': transformation,'-ms-transform': transformation,'transform': transformation,'filter': "progid:DXImageTransform.Microsoft.Matrix(" + filterIE + ")"  // js function for supporting ie8
    });

    function getIEVersion() {
        var rv = -1; // Return value assumes failure.
        if (navigator.appName == 'Microsoft Internet Explorer') {

            var ua = navigator.userAgent;
            var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
            if (re.test(ua) != null)

                rv = parseFloat(RegExp.$1);
        }
        return rv;
    }


    function checkVersion() {
        var ver = getIEVersion();

        if (ver != -1) {
            if (ver <= 9.0) {
                //.css("-ms-filter","progid:DXImageTransform.Microsoft.Matrix(M11=1.4488887394336025,M12=-0.388228567653781,M21=0.388228567653781,M22=1.4488887394336025,SizingMethod='auto expand')"
                //);// do something
            }
        }
    }

    checkVersion();
});

用粗体标记的文本完成了对我的js函数的更改.有人可以帮我从这里出去吗.我在jsfiddle做了一个演示

解决方法

由于问题在2013年被问及IE8正在快速出路,我以为我会给一个惊人的弧形文本CSS生成器链接： http://csswarp.eleqtriq.com/.

原文地址：https://www.jb51.cc/jquery/176206.html