jointjs - 将文本剪切到联合 js 元素内的另一行

Question

我正在 jointjs 中绘制图表，并且我有一个内部有文本的矩形，但该文本太长，无法放入矩形内。我怎样才能在它里面剪线，这样它就适合矩形的相同大小？

((转义本身不起作用))

Answer 1

您可以使用联合js称为breaktext的实用程序，将结果分配给var:

        var wraptext = joint.util.breakText('yourtext|escapejs', {
            width: 300
        });

然后，将该变量设置为矩形的文本属性:

    var rectname = new joint.shapes.custom.Rect({
        size: { width: 680, height: 75 },
        attrs: { 
            text: {
                text: wraptext,
            }
        }
    });

在这种情况下，宽度是确定每个文本分隔符长度的参数

希望对你有帮助!!