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.jointjs rect text Überlauf
0
A
Antwort
0
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);
}
}
}
Verwandte Themen
- 1. JointJs - Ereignis onConnect Link
- 2. Text vertikal in rect Zentrieren
- 3. JointJS Grundverständnis
- 4. Überlauf Text in Sicht
- 5. Text-Überlauf CSS Trunkierung
- 6. Jointjs-Positionstext oben statt Mitte für Rechteck
- 7. JointJS Links: Benutzerdefinierte Markup? So
- 8. Anzeige Text auf Rect mit D3.js
- 9. SVG-Text über Rect seltsames Layout
- 10. Text in Rect zentrieren und autosieren
- 11. Text Überlauf Problem & Text Non Wrap
- 12. Erstellen Sie eine Gruppe von Elementen JointJS
- 13. Rect entspricht dem Text-Anker-Darstellungsattribut von Text?
- 14. Überlauf Auslassungs Text: vermeiden Wort
- 15. JointJS Erstellen von benutzerdefinierten Formen, Diamant, Hexagon
- 16. Dynamic JointJS Elementgröße
- 17. Treelayout in Jointjs
- 18. jointjs: verhindern Hinzufügen von Vertex durch Klicken auf den Link
- 19. Firefox Text-Einzug Bug auf Überlauf versteckt
- 20. Set Punktfarbe von `Text-Überlauf: Ellipse`
- 21. Ellipsen erscheinen nicht auf Text-Überlauf
- 22. CSS-Word-Break kombiniert mit Text-Überlauf
- 23. ReactNative: Text Überlauf über das Bild
- 24. wie eine CSS-Text Überlauf Animation machen
- 25. Text-Überlauf: Ellipse auf einen Link
- 26. CSS-Text-Überlauf Ellipsis wird nicht angezeigt
- 27. Text-Überlauf: Auslassungszeichen auf mittlere Spanne
- 28. In Mozilla, Text-Überlauf: Ellipse funktioniert nicht
- 29. android/Webkit Text-Überlauf: Auslassungs nicht funktioniert
- 30. CSS Text Überlauf Ellipsen mit mehreren Elementen
Wenn Ihr Überlauf verschwindet. Was ist dein Problem? – user3168958