Ручка - Подогнать текст внутри круга

Question

Ручка - Подогнать текст внутри круга

0

Я пытаюсь подстроить текст внутри круга, в paticulary Я пытаюсь добавить некоторые ярлыки, такие как Hour, Minutes,..
Однако я не могу поместить текст внутри круга; в данный момент я использую это внутри функции draw:

$('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/

Razorphyn 18 нояб. 2013, в 08:44

Источник

Теги:

jquery

jquery-knob

3 ответа

Ещё вопросы

jomon · Answer 1 · 2014-07-18T06-48-00.000Z

вы можете установить размер шрифта в методе рисования ручки jquery.

например:

$(".knobslider").knob({

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

Jaskey · Answer 2 · 2015-06-04T05-56-00.000Z

Попробуй это:

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

Mottie · Answer 3 · 2013-11-18T16-08-00.000Z

Почему бы просто не использовать css (demo)?

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

Поскольку это часть плагина, где пользователь может определять размер каждого круга, поэтому я должен рассчитать размер шрифта для каждого из них.