Web-Frontend
js-Tutorial
Wie implementieren Sie die Befehlsklassenklasse der Befehlsklasse in konva.js, um die Funktionen und Wiederholungsfunktionen zu unterstützen?
Wie implementieren Sie die Befehlsklassenklasse der Befehlsklasse in konva.js, um die Funktionen und Wiederholungsfunktionen zu unterstützen?
Apr 04, 2025 pm 04:30 PM
Implementierung der Rückg?ngerfunktion basierend auf dem Befehlsmodus in konva.js
In diesem Artikel wird der Befehlsmodus verwendet, um die Funktionen (Strg Z) und die Wiederherstellung (Strg Y) in der Zeichnungsanwendung von Konva.js zu implementieren. Wir umfassen grafische Operationen in Befehlsobjekte und verwalten diese Operationen mithilfe eines Befehlsstapels, um Fallback und Fortschritte bei der grafischen Bearbeitung zu erreichen.
Definieren Sie zun?chst eine grundlegende Command :
Klassenbefehl {
constructor () {
this.States = []; // Wird verwendet, um Status -Snapshots zu speichern}
execute () {
Neuen Fehler werfen ('MOTTELUNGSMETHODE implementiert werden');
}
rückg?ngig () {
Neuen Fehler werfen ('Rückgabemethode muss implementiert werden');
}
Savestate (Zustand) {
this.States.push (Staat);
}
restorestate () {
Gibt dies.States.pop () || Null; // kehre zum vorherigen Zustand oder in Null zurück
}
}
Erstellen Sie als N?chstes eine bestimmte Befehlsklasse, z. B. den Befehl zum Zeichnen eines Rechtecks:
Klasse DrawRectangleCommand erweitert den Befehl {
Konstruktor (Stufe, Schicht, rekt) {
super();
this.Stage = Stage;
this.layer = Layer;
this.Rect = rect;
}
execute () {
this.savestate (this.layer.tojson ()); // Speichern Sie den aktuellen Ebenenzustand this.layer.add (this.Rect);
this.layer.draw ();
}
rückg?ngig () {
this.Rect.Destroy ();
const prevState = this.restorestate ();
if (prevState) {
this.layer.DestroyChildren (); // Die Schicht this.layer = konva.node.create (PrevState, this.stage) l?schen; // den vorherigen Zustand that.Stage.add (this.layer) wiederherstellen;
this.layer.draw ();
}
}
}
Implementieren Sie dann den Befehlsmanager:
Klasse CommandManager {
constructor () {
this.undostack = [];
this.redostack = [];
}
ExecuteCommand (Befehl) {
command.execute ();
this.undostack.push (Befehl);
this.redostack = []; // L?schen Sie nach der Ausführung des neuen Befehls den Redo -Stack}
rückg?ngig () {
if (this.undostack.length === 0) return;
const command = this.undostack.pop ();
command.undo ();
this.redostack.push (Befehl);
}
redo () {
if (this.redostack.length === 0) return;
const command = this.redostack.pop ();
command.execute ();
this.undostack.push (Befehl);
}
}
Verwenden Sie schlie?lich in der Anwendung konva.js:
const stage = new Konva.Stage ({{
Container: 'Container',
Breite: Fenster.innernwidth,
H?he: Fenster
});
const Layer = neuer Konva.layer ();
Stage.Add (Schicht);
const commandManager = new commandManager ();
Stage.on ('Click', (e) => {
const rect = new Konva.Rect ({{
x: e.evt.layerx,
y: e.evt.layery,
Breite: 50,
H?he: 50,
Füllung: 'rot',
Draggierbar: Richtig
});
const command = new DrawRectangLecommand (Stufe, Schicht, RECT);
CommandManager.ExecuteCommand (Befehl);
});
document.addeventListener ('keydown', (e) => {
if (e.ctrlkey && e.Key === 'z') {
CommandManager.undo ();
} else if (e.ctrlkey && e.Key === 'y') {
CommandManager.redo ();
}
});
Dieser Code implementiert eine einfache Rechteckzeichnung und rückg?ngig machen. Sie k?nnen Command Befehlsklasse erweitern, um andere grafische Operationen wie Bewegung, Skalierung, Rotation usw. zu unterstützen. Denken Sie daran, den aktuellen Status in der execute der einzelnen Operationen zu speichern und den vorherigen Zustand in der undo wiederherzustellen. Dadurch wird sichergestellt, dass Ihre Rückg?ngerfunktion korrekt funktioniert.
Das obige ist der detaillierte Inhalt vonWie implementieren Sie die Befehlsklassenklasse der Befehlsklasse in konva.js, um die Funktionen und Wiederholungsfunktionen zu unterstützen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Hei?e Themen
Die Popularit?t des W?hrungskreises ist zurückgekehrt. Warum haben kluge Menschen begonnen, ihre Positionen leise zu erh?hen? Schauen Sie sich den Trend aus den On-Chain-Daten an und erfassen Sie die n?chste Runde des Verm?genskennworts!
Jul 09, 2025 pm 08:30 PM
Mit dem Aufnehmen der Marktbedingungen haben immer mehr intelligente Investoren begonnen, ihre Positionen im W?hrungskreis leise zu erh?hen. Viele Menschen fragen sich, was sie entschlossen einnehmen l?sst, wenn die meisten Menschen warten und sehen? In diesem Artikel wird aktuelle Trends durch On-Chain-Daten analysiert, um die Leser zu helfen, die Logik von Smart Funds zu verstehen, um die n?chste Runde potenzieller Wachstumschancen besser zu erfassen.
Was sind die ?ffentlichen Mainstream -Ketten von Kryptow?hrungen? Die zehn Top -Ranglisten der Kryptow?hrungs -Mainstream -?ffentlichen Ketten im Jahr 2025
Jul 10, 2025 pm 08:21 PM
Das Muster im ?ffentlichen Kettenfeld zeigt einen Trend von "One Super, vielen starken und hundert Blumen blühen". Ethereum führt immer noch mit seinem ?kologischen Wassergraben, w?hrend Solana, Avalanche und andere die Leistung herausfordern. In der Zwischenzeit bilden Polkadot, Cosmos, das sich auf die Interoperabilit?t konzentriert, und Chainlink, eine kritische Infrastruktur, ein zukünftiges Bild mehrerer Ketten, die nebeneinander existieren. Für Benutzer und Entwickler ist die Auswahl der Plattform keine einzige Wahl mehr, sondern erfordert einen Kompromiss zwischen Leistung, Kosten, Sicherheit und ?kologischer Reife, die auf spezifischen Anforderungen basieren.
Bitcoin bricht neue H?hen, DogEcoin rebounds stark, wird Ethereum mit dem Tempo Schritt halten
Jul 09, 2025 pm 08:24 PM
Vor kurzem schlug Bitcoin einen neuen High, Dogecoin, der einen starken Abpraller eingeleitet hat und der Markt war hei?. Als n?chstes werden wir die Markttreiber und technischen Aspekte analysieren, um festzustellen, ob Ethereum noch die M?glichkeit hat, dem Anstieg zu folgen.
Cardanos Smart Contract Evolution: Die Auswirkungen von Alonzo -Upgrades auf 2025
Jul 10, 2025 pm 07:36 PM
Das Alonzo Hard -Fork -Upgrade von Cardano hat Cardano erfolgreich von einem Value Transfer -Netzwerk auf eine voll funktionsf?hige Smart Contract -Plattform verwandelt, indem die Plutus Smart Contract -Plattform eingeführt wird. 1. Plutus basiert auf Haskell -Sprache mit leistungsstarker Funktionalit?t, verbesserter Sicherheit und vorhersehbarem Kostenmodell. 2. Nach dem Upgrade wird die DAPPS -Bereitstellung beschleunigt, die Entwicklergemeinschaft wird erweitert und die Defi- und NFT -?kosysteme entwickeln sich rasant. 3. Das Cardano -?kosystem im Jahr 2025 wird reifer und vielf?ltiger sein. In Kombination mit der Verbesserung der Skalierbarkeit in der Basho-?ra, der Verbesserung der interoperischen Interoperabilit?t, der Entwicklung der dezentralen Governance in der Voltaire-?ra und der F?rderung der Mainstream-Einführung durch Anwendungen auf Unternehmensebene hat Cardano Cardano hat
Wer gibt Stablecoins aus? Was sind die Stablecoins?
Jul 09, 2025 pm 06:24 PM
Stablecoins sind Krypto -Verm?genswerte, die die Preisstabilit?t aufrechterhalten, indem sie Fiat -W?hrungen wie den US -Dollar verankern. Sie sind haupts?chlich in drei Kategorien unterteilt: Fiat -W?hrungskollateral-, Krypto -Kollateral- und Algorithmic Stablecoins. 1. USDT wird von Tether ausgestellt und ist der Stablecoin mit dem gr??ten Marktwert und der h?chsten Liquidit?t. 2. USDC wird von der Center Alliance von Circle and Coinbase ver?ffentlicht und ist bekannt für seine Transparenz und Konformit?t. 3. DAI wird von Makerdao durch überkollateralisierung von Krypto-Verm?genswerten erzeugt und ist die Kernw?hrung im Defi-Feld. V. 5. TUSD erreicht eine hohe Transparenzreserve-überprüfung durch Drittanbieter-Treuhandkonten. Benutzer k?nnen zentralisierten B?rsen wie Binance, Ouyi und Huobi verwenden
Führung in den Top 20 Token -Ranglisten auf dem Krypto -Markt 2025 (neuestes Update)
Jul 10, 2025 pm 08:48 PM
Zu den 20 vielversprechendsten Krypto -Assets im Jahr 2025 geh?ren BTC, ETH, SOL usw., die haupts?chlich mehrere Spuren wie ?ffentliche Ketten, Schicht 2, AI, Defi und Gaming abdecken. 1.BTC führt weiterhin den Markt mit seinen digitalen gelben Metalleigenschaften und der Popularisierung von ETFs an. 2.Th konsolidiert das ?kosystem aufgrund seines Status und der Upgrade von intelligenten Vertragsplattformen; 3.Sol zeichnet sich mit leistungsstarken ?ffentlichen Ketten und Entwicklergemeinschaften aus. 4.Link ist führend in Oracle, das reale Daten verbindet. 5.RNDR erstellt dezentrale GPU -Netzwerkdienstanforderungen. 6.Imx konzentriert sich auf Web3-Spiele, um eine null-gasfreie Umgebung zu bieten. 7.ARB führt mit der reifen Technologie 2 und dem riesigen Defi -?kosystem; 8.Matic ist zur Wertschicht von Ethereum durch Multi-Chain-Evolution geworden
Vergleich der Unterschiede und Vor- und Nachteile von USDC, DAI und TUSD (kürzlich aktualisiert)
Jul 10, 2025 pm 09:09 PM
Der Kernunterschied zwischen USDC, DAI und TUSD liegt im Ausstellungsmechanismus, im Kollateralverm?gen und im Risikomerkmal. 1. USDC ist ein zentraler Stablecoin, der von Circle herausgegeben wird und durch Bargeld und kurzfristige Staatsanleihen besichert ist. Die Vorteile sind Einhaltung und transparente, starke Liquidit?t und hohe Stabilit?t, aber es besteht das Risiko einer zentralisierten überprüfung und eines Einzelpunktversagens. 2. Dai ist ein dezentrales Stablecoin, das durch das Makerdao -Protokoll erzeugt wird, und das Kollateral ist ein Krypto -Verm?genswert. Es hat die Vorteile von Anti-Censuring, Transparenz in der Kette und freie freie, aber es ist auch systemische Risiken, Abh?ngigkeiten von zentralisierten Verm?genswerten und Komplexit?tsproblemen ausgesetzt. 3.. TUSD ist ein zentraler Stablecoin, der in Echtzeit-Reserve-Proofs in Echtzeit betont und eine h?here Transparenzüberprüfung mit h?herer Frequenz liefert, jedoch einen geringen Marktanteil und eine schwache Liquidit?t aufweist. Die drei sind Kollateralypen und Dezentralisierung
Was sind die Mainstream -Kryptow?hrungen der Welt? Eingehende Analyse der Kryptow?hrung im Jahr 2025 (einschlie?lich Website)
Jul 10, 2025 pm 08:36 PM
In einer Zeit, in der die digitale Wirtschaftswelle die Welt fegte, sind Kryptow?hrungen mit ihrer einzigartigen Dezentralisierung und Transparenz zum Schwerpunkt der Aufmerksamkeit aus allen Lebensbereichen geworden. Vom ersten Geek -Nischenexperiment bis zur aktuellen Finanzlandschaft mit einem Marktwert von Billionen ist die Entwicklung von Kryptow?hrungen erstaunlich. Es bringt nicht nur Innovationen in den zugrunde liegenden Technologien, sondern auch unz?hlige innovative Anwendungen, die alle Aspekte von Finanzen, Technologie und sogar sozialer Regierungsführung zutiefst beeinflussen.
