Question

我正在使用jointjs绘制图表。我的问题是在我的jointjs rect中，里面的文字太长了。假设我的rect的大小是固定的。我使用了joint.util.breakText来控制高度和宽度，但溢出消失了。我已经设置了足够小的字体大小。如何解决这个问题？提前谢谢。

Answer 1

我有类似的问题。在我的情况下，我有空的形状。通过点击事件，我可以在形状中添加注释（文本）。此示例放大形状的大小并另外包装文本。希望它有所帮助！

     function enterText(viewShape) {
         var shapeText = prompt('Enter your new comment:', '');
         if (viewShape.model.id === 'CommentID') {

             //change comment text here
             if (shapeText.length > 5) {

                 var wraptext = joint.util.breakText(shapeText, {
                     width: 200
                     //height: optionalHeight
                 });
                 //resize attribute and add it to paper
                 viewShape.model.resize(wraptext.length * 8, 67);
                 viewShape.model.attr('text/text', wraptext).attr('text/ref-y', 0.45);

             } else {
                 viewShape.model.attr('text/text', shapeText).attr('text/ref-y', 0.45);

             }
         }
     }

jointjs rect文本溢出

1 个答案: