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

Question

我正在 jointjs 中绘制图表，我有一个包含文本的矩形，但是该文本太长以至于不适合矩形。我怎样才能在里面剪线，使它都适合矩形的相同大小？？

((单独转义是行不通的))

Answer 1

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

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

然后，将该变量设置为 rect 的文本属性：

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

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

希望对您有所帮助！！

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

Cut text to another line inside joint js element

jointjs