Ich frage mich, ob es eine einfachere Möglichkeit gibt, die Breite einer Textbeschriftung einzuschränken als einen Clip-Pfad.
Hier ist ein Beispiel für das, was ich in Bezug auf die Kennzeichnung suche: treemap :
Beachten Sie, dass die Beschriftungen durch die Grenzen der enthaltenen Kacheln abgeschnitten werden.
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.
Sie können jedes <rect>
Element in ein <svg>
Element derselben Breite / Höhe einbinden. Standardmäßig ist overflow auf den inneren <svg>
-Elementen verborgen.
Tags und Links javascript svg d3.js label treemap