jointjs rect文本溢出

Question

我正在使用jointjs来绘制图表。我的问题是，在我的jointjs 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);

             }
         }
     }