Przycinaj tekst SVG do szerokości prostokąta w treemapie D3

Question

Zastanawiam się, czy istnieje prostszy sposób ograniczenia szerokości etykiety tekstowej niż przy użyciu ścieżki klipu.

Oto przykład tego, co szukam w odniesieniu do etykietowania: treemap:

Zauważ, że etykiety obcięta przez granice tych zawierających płytek.

Ten konkretny przykład jest implementowany przy użyciu tagów <div>, które domyślnie mają to zachowanie. Ale używam SVG <rect> i mam nadzieję, że jest prostszy sposób robienia tego niż oddzielna ścieżka klipu definiująca inny prostokątny kształt.

Answer 1

Można zawinąć każdy element <rect> w elemencie <svg> o tej samej szerokości/wysokości. Domyślnie overflow jest ukryty na wewnętrznych elementach <svg>.