Calcul de la hauteur verticale d'un texte SVG

Question

J'ai un tableau de chaînes de caractères. Disons,

['Jan 11','Feb 11']

Et je crée un texte vertical avec ces chaînes de caractères comme ceci

Jan 11

Après que le svg a été rendu, je constate que la hauteur du texte est de 36px. Y a-t-il un moyen de calculer la hauteur d'un texte qui sera rendu à l'avance en fonction de la taille de la police?

Answer 1

Vous pouvez utiliser la méthode getBBox pour calculer les dimensions des nœuds SVG.

var textNode = document.getElementsByTagName('text'),
    bbox = textNode.getBBox();

//bbox now have x, y, width and height properties