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,