SVG टेक्स्ट बॉक्स चौड़ाई कैसे निर्धारित करें या 'x' कैरेक्टर्स के बाद लाइन ब्रेक फोर्स करें?

SVG टेक्स्ट रैपिंग

getBBox() फ़ंक्शन का उपयोग करें और एक समय में एक शब्द को टेक्स्ट ऑब्जेक्ट में जोड़ें। जब यह बहुत चौड़ा हो जाता है, तो आपको लाइन फीड जोड़ने की आवश्यकता होती है।

var a = Raphael(500, 500);
var b = a.text(100, 100).attr('text-anchor', 'start');
var maxWidth = 100;
var content = "Lorem ipsum dolor sit amet, consectetur adipiscing elit...";
var w = content.split(" ");
var tempText = "";
for (var i = 0; i < w.length; i++) {
    b.attr("text", tempText + " " + w[i]);
    if (b.getBBox().width > maxWidth) {
        tempText += "\n" + w[i];
    } else {
        tempText += " " + w[i];
    }
}
b.attr("text", tempText.substring(1));

यह दृष्टिकोण रेंडर्ड टेक्स्ट चौड़ाई को मापकर मैन्युअल टेक्स्ट रैपिंग लागू करता है।