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); 

      } 
     } 
    }