Как обернуть текст в SVG

Question

Так что я рендеринг некоторых объектов с конкретными width 120px и объекты будут иметь разные названия. Моя проблема в том, что когда заголовок слишком длинный, он не переносится и не помещается в новую строку. Есть ли решение этой проблемы в SVG?

var labels = ["Testing 123", "Things are fantastic"]

for (var i = 0; i < labels.length; i++)
            {
                cell = editor.graph.cloneCells([cell])[0];
                // cell.setStyle(new-style);
                editor.graph.model.valueForCellChanged(cell, label);

                editor.toolbar.addPrototype(label, "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='43px' width='104px'>" +
                    "<rect fill='#595A5A' stroke='black' x='0' y='0' rx='5' ry='5' width='100%' height='100%'/>"+
                    "<text text-anchor='middle' font-weight='600' font-family='Helvetica' fill='#BCCF00' x='50%' y='25' font-size='12'>" + label + "</text></svg>", cell);
            }

Answer 1

В SVG 1.1 нет автоматического переноса текста. Вам нужно расположить текст в строки самостоятельно.