Clip di testo SVG alla larghezza del rettangolo in una tre mappa D3

Question

Mi chiedo se esiste un modo più semplice per limitare la larghezza di un'etichetta di testo rispetto all'utilizzo di un percorso di clip.

Ecco un esempio di quello che sto cercando per quanto riguarda l'etichettatura: treemap:

Si noti che le etichette vengono troncati dai confini delle piastrelle contenenti.

Questo particolare esempio viene implementato utilizzando i tag <div>, che presentano questo comportamento per impostazione predefinita. Ma sto usando SVG <rect> e spero che ci sia un modo più diretto per farlo rispetto a un percorso clip separato che definisce un'altra forma rettale.

Answer 1

È possibile avvolgere ogni elemento <rect> in un elemento <svg> della stessa larghezza/altezza. Per impostazione predefinita, overflow è nascosto sugli elementi interni <svg>.