Estoy tratando de crear algunos botones con texto en javascript usando la biblioteca Rahpael. Me gustaría saber el tamaño del texto con estilo, antes de dibujar para evitar eso, así puedo crear el fondo adecuado (el botón). También me gustaría evitar dibujar el texto fuera del lienzo / papel (la posición del texto es la posición de su centro).

Puedo usar el método getBBox () de Raphaels, pero tengo que crear (dibujar) el texto en primer lugar para hacer esto. Así que dibujo texto para obtener el tamaño para poder dibujarlo en la posición correcta. Esto es feo Así que estoy buscando algún método general para estimar las métricas del texto con estilo para una fuente dada, tamaño de letra, familia ...

Existe la posibilidad de hacerlo utilizando el lienzo HTML5.http://www.html5canvastutorials.com/tutorials/html5-canvas-text-metrics/ Pero Rafael no usa lienzo. ¿Hay alguna posibilidad de obtener las métricas de texto usando Raphael o Javascript simple?