Question

我正在尝试将文字放入圆圈内，特别是我正在尝试添加一些标签，例如小时，分钟，......但是我无法将文字放入圆圈内;此刻我在绘制函数中使用了这个：

$('body').append('<span style="font-size:'+this.i.css('font-size')+'" >'+this.i.val()+'</span>');
        var ph_len=parseInt($('span:last').width());
        $('span:last').remove();
        if(ph_len>=parseInt(this.i.css('width'))){
            var d=(((parseInt(this.i.css('width'))-parseInt(this.lineWidth))*parseInt(this.i.css('font-size'))/ph_len)).toFixed(1);
            this.i.css({'font-size' : d + 'px '})
        }

我也在寻找一种更优雅的方式来实现这一目标 JSfiddle：http://jsfiddle.net/c963c/

Answer 1

你可以在jquery knob的draw方法中设置字体大小。

例如：

$(".knobslider").knob({

    draw : function(){
         $(".knobslider").css("font-size","15px");
    }
});

Answer 2

为什么不使用css（demo）？

.seconds {
    font-size: 20px !important;
}

Answer 3

试试这个：

'draw': function() {
    $(this.i).css('font-size', '10px');//your size
  }

旋钮 - 适合圈内的文字

3 个答案: