剪辑SVG文本到矩形的宽度在D3树形图(Clip SVG text to width of rect

2019-07-29 22:27发布

我不知道是否有一个更简单的限制文本标签的宽度比使用剪切路径的方式。

下面是什么我正在寻找关于标签的例子: 树形图 :

注意标签获得由包含瓷砖的边界截断。

该特定的例子是使用实施<div>标记,其具有通过默认这种行为。 但我使用SVG <rect> ,我希望有这样做不是一个单独的夹路径定义另一个矩形形状的更直接的方式。

Answer 1:

你可以包装每个<rect>中的元素<svg>相同的宽度/高度的元件。 默认情况下溢流被隐藏在内侧<svg>元素。



文章来源: Clip SVG text to width of rectangle in a D3 treemap