Обрезать текст SVG по ширине прямоугольника в древовидной карте D3

Мне интересно, есть ли более простой способ ограничить ширину текстовой метки, чем использование пути обрезки.

Вот пример того, что я ищу в отношении маркировки: treemap :

введите здесь описание изображения

Обратите внимание, что метки усекаются границами содержащих плиток.

Этот конкретный пример реализован с использованием тегов <div>, которые имеют такое поведение по умолчанию. Но я использую SVG <rect> и надеюсь, что есть более простой способ сделать это, чем отдельный путь клипа, определяющий другую прямоугольную форму.


person Scott Cameron    schedule 13.06.2012    source источник


Ответы (1)


Вы можете обернуть каждый элемент <rect> в элемент <svg> той же ширины/высоты. По умолчанию переполнение скрыто во внутренних <svg> элементах.

person Robert Longson    schedule 13.06.2012