Frage: Verwenden Sie Pfeiltasten, um Blöcke in der Leinwand zu verschieben, die im absoluten Positionierungsmodus konfiguriert sind

Question

Hallo, ich entwickle eine Lösung, mit der Schüler ihre Highschool-Erfahrungen als Folien aus dem Grapejs-Editor (ähnlich wie Canva) schildern können, und habe den Editor im 'absoluten' Modus konfiguriert, was wunderbar funktioniert. Allerdings kann ich im Editor keinen Weg finden, den abgeworfenen Block mit den Pfeiltasten zu verschieben. Mir ist die Custom-Keymap-Bindung bewusst und ich werde mir diese Funktionalität anschauen, möchte aber nur wissen, ob ich etwas übersehen habe und ob es ande...

artf · Accepted Answer

Nein, leider wäre in so einem Fall die benutzerdefinierte Keymap die einzige Lösung. Du solltest einfach die ausgewählte Komponente holen und ihren Stil aktualisieren.

Michaelhofer · Answer

Ich habe dafür eine funktionierende Lösung gefunden, wie folgt: Die Befehle werden wie folgt hinzugefügt: Die Methode 'moveSelectedElements' macht einfach Folgendes: Wenn man jedoch die Elemente mit Pfeiltasten bewegt, scrollt auch die Leinwand, was das Standardverhalten des Bowsers ist. Wie können wir die Standard-Propagation mit den Keymaps ('e.preventDefault()') verhindern? Sollte das automatisch geschehen, oder gibt es eine Möglichkeit, das zu konfigurieren?

sathudeva7 · Answer

keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command', { Verhindern Sie die Standard-Browser-Aktion verhindern: wahr, });

Frage: Verwenden Sie Pfeiltasten, um Blöcke in der Leinwand zu verschieben, die im absoluten Positionierungsmodus konfiguriert sind

Frage

Antworten (4)

Verwandte Fragen und Antworten

Verhindern, dass der Standard für Edge nicht funktioniert

Drag-Boundary-Problem mit dragMode: absolute/translate

Entfernt getHtml() die Inline-Style-Eigenschaft?

Kann auf Mobilgeräten keine Komponenten verschieben, um sie zu bewegen

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien