D3ツリーマップの矩形の幅にSVGテキストをクリップ

Question

テキストパスの幅を制限する簡単な方法がクリップパスを使用するよりも難しいと思っています。

は、ここで私はラベルに関して探しているものの例です：treemap：ラベルが含まタイルの境界によって切り捨てられます

ていることに注意してください。

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

Answer 1

各<rect>要素を同じ幅/高さの<svg>要素にラップすることができます。デフォルトでoverflowは内部の<svg>要素に隠されています。