html5中元素的textOffset

Question

我需要使用文本'Popcorn'的高度和宽度创建一个rect元素。

Rect显示为工具提示。每次鼠标移动时，文本都会发生变化，我再次计算文本的高度和宽度，通过添加带有更改文本的文本元素来创建新的矩形，如下所示。

 var textelement = document.createElement('text');      
  textelement.innerHTML = 'Popcorn', // text get changed on mouse move

  document.body.appendChild(textelement);
  var bounds = { width: textelement .offsetWidth, height: textelement .offsetHeight};  
  $(textObj).remove();

因此，我的表现非常慢，因为每次移动鼠标时都会添加元素（'textelement'）并从DOM中删除。

有没有其他方法可以在不触及DOM的情况下计算文本高度和宽度。

提前致谢