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

8

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.

    
Scott Cameron 13.06.2012, 21:15
quelle

1 Antwort

3

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.

    
Robert Longson 13.06.2012 21:30
quelle

Tags und Links