jquery - 根据字体大小和字体样式计算字符串的宽度

Question

我试图根据字体大小和字体样式确定字符串的宽度。
但我不确定该怎么做。我在谷歌上找到了一个函数，但我不太明白它是如何工作的。

$.fn.textWidth = function(text, font) {
    if (!$.fn.textWidth.fakeEl) $.fn.textWidth.fakeEl = $('<span>').hide().appendTo(document.body);
    $.fn.textWidth.fakeEl.text(text || this.val() || this.text()).css('font', font || this.css('font'));
    return $.fn.textWidth.fakeEl.width();
};

我测试了这个，得到了一个输出，我可以得到字符串的宽度，但是如果我声明字体样式和大小呢？我不知道该怎么做。对此有什么想法吗？

Answer 1

使用这个:

$.fn.textWidth = function(){
  var html_org = $(this).html();
  var html_calc = '<span>' + html_org + '</span>';
  $(this).html(html_calc);
  var width = $(this).find('span:first').width();
  $(this).html(html_org);
 return width;
};

来自 this主题。