Wie kann ich verhindern, dass Gelenkzellen über das Papier laufen?

Ich benutze jointjs, um Diagramme zu erstellen, die vom Benutzer bearbeitet werden können. Der Benutzer kann sie herumziehen und jede Zelle verschieben. Wenn eine Zelle jedoch an den Rand gezogen wird, läuft sie über und wird abgeschnitten. Ich möchte verhindern, dass dies geschieht, stattdessen muss die Zelle anhalten, bevor sie an den Rand des Papiers gelangt, und darf den Rand nicht überqueren, sodass sie immer vollständig im Papier bleibt. Das Verhalten ist in den eigenen Demos von jointjs hier zu sehen:

http: //www.jointjs.com/tutorial/port

enn Sie die Zelle an den Rand ziehen, wird sie möglicherweise ausgeblendet, sobald sie den Rand des Papierelements überschreitet.

weitens verwende ich das Plugin für das gerichtete Diagrammlayout, das hier zu finden ist:

http: //jointjs.com/rappid/docs/layout/directedGrap

Wie Sie sehen, verschiebt sich die Baumposition automatisch nach links oben im Papierelement, wenn Sie auf das Layout klicken. Wie kann ich diese Standardpositionen ändern? Die einzigen Optionen, die ich für die bereitgestellte Funktion sehe, sind Leerzeichen zwischen Rängen und Leerzeichen zwischen Knoten, keine Anfangsposition. Angenommen, ich möchte, dass der Baum beim Klicken auf "Layout" in der Mitte des Papiers angezeigt wird. Wo muss ich Änderungen vornehmen? Vielen Dank im Voraus für jede Hilfe.

Antworten auf die Frage(8)

Ihre Antwort auf die Frage