jointjs rect text Überlauf

Question

Ich benutze jointjs, um Diagramme zu zeichnen. Mein Problem ist, dass in meinem Joint ist der Text innen zu lang. Die Größe meines Rect wird als fest angenommen. Ich habe joint.util.breakText verwendet, um die Höhe und Breite zu steuern, aber der Überlauf verschwindet. Und ich habe die Schriftgröße klein genug eingestellt. Wie behebe ich dieses Problem? Vielen Dank im Voraus.

Answer 1

Ich hatte ein ähnliches Problem. In meinem Fall habe ich leere Formen. Durch click-event kann ich der Form einen Kommentar (Text) hinzufügen. In diesem Beispiel wird die Größe der Form vergrößert und der Text zusätzlich eingeschlossen. Ich hoffe es hilft!

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

      } 
     } 
    }