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

      } 
     } 
    }