Question

所以我正在渲染一些具有120px特定width的对象，并且对象将具有不同的标题。我的问题是当标题太长时它不包装它并把它放在一个新的行。在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中没有自动文本换行。您需要自己将文本排成行。

如何在SVG中包装文本

1 个答案: