javascript - SVG テキストを D3 ツリーマップの四角形の幅にクリップします

Question

クリップ パスを使用するよりもテキスト ラベルの幅を制限する簡単な方法があるかどうか疑問に思っています。

ラベル付けに関して私が探しているものの例を次に示します: treemap :

含まれているタイルの境界によってラベルが切り捨てられることに注意してください。

その特定の例は<div>、デフォルトでこの動作を持つタグを使用して実装されています。しかし、私は SVG を使用して<rect>おり、別の四角形を定義する別のクリップ パスよりも簡単な方法があることを願っています。

Answer 1

<rect>各要素を<svg>同じ幅/高さの要素でラップできます。デフォルトでは、オーバーフロー<svg>は内側の要素では隠されています。