2012-06-13 12 views
8

में आयताकार की चौड़ाई तक क्लिप करें। मुझे आश्चर्य है कि क्लिप पथ का उपयोग करने से टेक्स्ट लेबल की चौड़ाई को सीमित करने का एक आसान तरीका है या नहीं।क्लिप एसवीजी टेक्स्ट को डी 3 ट्रेमैप

यहाँ मैं लेबलिंग के संबंध में के लिए क्या देख रहा हूँ का एक उदाहरण है: treemap:

enter image description here

सूचना है कि लेबल युक्त टाइल्स की सीमाओं के द्वारा काटा गया मिलता है।

यह विशेष उदाहरण <div> टैग का उपयोग करके कार्यान्वित किया गया है, जिसमें डिफ़ॉल्ट रूप से यह व्यवहार है। लेकिन मैं एसवीजी <rect> का उपयोग कर रहा हूं और मुझे आशा है कि एक और क्लिप आकार को परिभाषित करने के लिए एक अलग क्लिप पथ से ऐसा करने का एक और सीधा-आगे तरीका है।

उत्तर

3

आप एक ही चौड़ाई/ऊंचाई के <svg> तत्व में प्रत्येक <rect> तत्व को लपेट सकते हैं। डिफ़ॉल्ट रूप से overflow आंतरिक <svg> तत्वों पर छिपा हुआ है।