將SVG文本剪切爲D3樹狀圖中矩形的寬度

Question

我想知道是否有比使用剪輯路徑更簡單的方式來限制文本標籤的寬度。

這裏是什麼，我正在尋找關於標籤的例子：treemap：

注意標籤獲得由包含瓷磚的邊界截斷。

該特定示例使用<div>標籤實現，默認情況下該標籤具有此行爲。但我正在使用SVG <rect>，我希望有一個更直接的方法來做這個比定義另一個矩形形狀的單獨剪輯路徑。

Answer 1

您可以將每個<rect>元素包裝在相同寬度/高度的<svg>元素中。默認overflow隱藏在內部<svg>元素上。