Clip SVG Text auf die Breite des Rechtecks ​​in einer D3 Treemap

Question

Ich frage mich, ob es eine einfachere Möglichkeit gibt, die Breite einer Textbeschriftung als die Verwendung eines Clip-Pfades zu beschränken.

Hier ist ein Beispiel dafür, was ich suche in Bezug auf Etikettierung: treemap:

Beachten Sie, dass die Etiketten von den Grenzen der enthaltenden Fliesen abgeschnitten bekommen. Dieses spezielle Beispiel wird mit <div> Tags implementiert, die standardmäßig dieses Verhalten aufweisen. Aber ich benutze SVG <rect> und ich hoffe, dass es eine einfachere Möglichkeit gibt, dies zu tun als ein separater Clip-Pfad, der eine andere rekte Form definiert.

Answer 1

Sie könnten jedes <rect> Element in ein <svg> Element der gleichen Breite/Höhe wickeln. Standardmäßig ist overflow auf inneren <svg> Elementen versteckt.