Text in SVG-Element einpassen (mit D3 / JS)

Ich möchte Text in ein Rechteck schreiben, das ich wie folgt erstelle:

body = d3.select('body')

svg = body.append('svg').attr('height', 600).attr('width', 200)

        rect = svg.append('rect').transition().duration(500).attr('width', 150)
                        .attr('height', 100)
                        .attr('x', 40)
                        .attr('y', 100)
                        .style('fill', 'white')
                        .attr('stroke', 'black')

        text = svg.append('text').text('This is some information about whatever')
                        .attr('x', 50)
                        .attr('y', 150)
                        .attr('fill', 'black')​

Wie Sie jedoch sehen können (http://jsfiddle.net/Tmj7g/3/) Der Text wird abgeschnitten. Gibt es raffinierte Möglichkeiten, einen Absatz innerhalb des erstellten SVG-Rechtecks ​​zu schreiben? Vielen Dank,

Antworten auf die Frage(5)

Ihre Antwort auf die Frage