将SVG文本剪辑为D3树形图中的矩形宽度

Question

我想知道是否有一种更简单的方法来限制文本标签的宽度而不是使用剪辑路径.

以下是我正在寻找的标签示例:treemap:

请注意,标签会被包含切片的边界截断.

该特定示例使用<div>标记实现,默认情况下具有此行为.但是我正在使用SVG <rect>,我希望有一种更直接的方法,而不是一个定义另一个矩形的单独剪辑路径.

Answer 1

您可以将每个<rect>元素包装在<svg>具有相同宽度/高度的元素中。默认情况下，内部元素上的溢出是隐藏的。<svg>