javascript - etiqueta - Clip de texto SVG al ancho del rectángulo en un mapa de árbol D3

svg stroke

Question

Me pregunto si existe una manera más simple de restringir el ancho de una etiqueta de texto que usar una ruta de clip.

Aquí hay un ejemplo de lo que estoy buscando con respecto al etiquetado: treemap :

Observe que las etiquetas se truncan por los límites de los mosaicos que lo contienen.

Ese ejemplo particular se implementa usando etiquetas <div> , que tienen este comportamiento por defecto. Pero estoy usando SVG <rect> y espero que haya una manera más directa de hacer esto que una ruta de clip separada que define otra forma rect.

Answer 1

Puede ajustar cada elemento <rect> en un elemento <svg> del mismo ancho / alto. Por defecto, el desbordamiento está oculto en los elementos internos de <svg> .