jointjs rect text overflow

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

      } 
     } 
    }