jquery - 旋钮 - 使文本适合圆圈内

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 旋钮的绘制方法中设置字体大小。

例如：

$(".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
  }