Metriche SVG e font

Question

Esistono mezzi per ottenere le metriche dei font in SVG? Mi piacerebbe ottenere: discesa, salita, altezza massima, anticipo.

Mi serve per disegnare il testo con gli elementi grafici & insieme come nei diagrammi di flusso.

Ad esempio, ho bisogno di disegnare una casella attorno al testo e di tracciare una linea di connessione dalla metà della dimensione (dimensione della lettera 'x'), e non dal centro del lato della scatola.

Answer 1

Se si dispone dell'accesso DOM, esiste un numero di SVG DOM methods for text elements. Poi c'è il metodo getBBox che è disponibile sulla maggior parte degli elementi svg.

Se hai a che fare con SVGFonts, quindi i dati sono già disponibili in formato XML come attributi normali, ad esempio ascent, descent ecc

Per il vostro caso d'uso io consiglierei getBBox, dal momento che può occuparsi di grafica anche gli elementi (nel caso tu voglia aggiungere più cose che solo testo ai grafici).