hujung hadapan web
tutorial js
Bagaimana untuk melaksanakan Kelas Perintah Kelas Komando di Konva.js untuk menyokong Undo dan Redo Functions?
Bagaimana untuk melaksanakan Kelas Perintah Kelas Komando di Konva.js untuk menyokong Undo dan Redo Functions?
Apr 04, 2025 pm 04:30 PM
Pelaksanaan fungsi redo undo berdasarkan mod arahan di konva.js
Artikel ini memperkenalkan cara menggunakan mod arahan untuk melaksanakan fungsi Undo (Ctrl Z) dan Redo (Ctrl Y) dalam aplikasi lukisan Konva.js. Kami merangkumi operasi grafik ke dalam objek arahan dan menguruskan operasi ini menggunakan timbunan arahan untuk mencapai kemunculan dan kemajuan dalam penyuntingan grafik.
Pertama, tentukan kelas Command asas:
Perintah Kelas {
pembina () {
this.states = []; // Digunakan untuk menyimpan gambar negeri}
laksanakan () {
membuang ralat baru ('Kaedah melaksanakan mesti dilaksanakan');
}
undo () {
membuang kesilapan baru ('kaedah undo mesti dilaksanakan');
}
SaveState (Negeri) {
this.states.push (state);
}
restorestate () {
kembali this.states.pop () || null; // kembali ke keadaan sebelumnya, atau batal
}
}
Seterusnya, buat kelas arahan tertentu, seperti arahan untuk melukis segi empat tepat:
Kelas DrawRectangLeCommand memanjangkan perintah {
Pembina (peringkat, lapisan, rect) {
super ();
this.stage = stage;
this.layer = lapisan;
this.rect = rect;
}
laksanakan () {
this.savestate (this.layer.tojson ()); // Simpan lapisan semasa keadaan this.layer.add (this.rect);
this.layer.draw ();
}
undo () {
this.rect.destroy ();
const prevstate = this.restorestate ();
jika (prevstate) {
this.layer.destroychildren (); // Kosongkan lapisan this.layer = konva.node.create (prevstate, this.stage); // memulihkan keadaan sebelumnya ini.stage.add (this.layer);
this.layer.draw ();
}
}
}
Kemudian, laksanakan pengurus arahan:
CommandManager kelas {
pembina () {
this.undOstack = [];
this.RedOstack = [];
}
executeCommand (perintah) {
command.execute ();
this.undOstack.push (command);
this.RedOstack = []; // Setelah melaksanakan arahan baru, jelaskan timbunan semula}
undo () {
jika (this.undostack.length === 0) kembali;
const command = this.undOstack.pop ();
command.undo ();
this.redOstack.push (command);
}
redo () {
jika (this.redostack.length === 0) kembali;
const command = this.redOstack.pop ();
command.execute ();
this.undOstack.push (command);
}
}
Akhirnya, gunakan dalam aplikasi Konva.js:
const stage = baru konva.stage ({
bekas: 'bekas',
Lebar: Window.InnerWidth,
Ketinggian: Window.InnerHeight
});
const lapisan = baru konva.layer ();
stage.add (lapisan);
const commandManager = commandManager baru ();
stage.on ('klik', (e) => {
const rect = baru konva.rect ({
X: E.Evt.Layerx,
y: e.evt.layery,
Lebar: 50,
Ketinggian: 50,
Isi: 'merah',
Draggable: Benar
});
const command = new DrawRectangLeCommand (panggung, lapisan, rect);
commandManager.ExecuteCommand (command);
});
document.addeventListener ('keydown', (e) => {
jika (e.ctrlkey && e.key === 'z') {
commandManager.undo ();
} else if (e.ctrlKey && e.key === 'y') {
commandManager.redo ();
}
});
Kod ini melaksanakan lukisan segi empat tepat mudah dan membatalkan semula. Anda boleh melanjutkan kelas Command untuk menyokong operasi grafik lain seperti pergerakan, skala, putaran, dan lain -lain. Ingatlah untuk menyelamatkan keadaan semasa dalam kaedah execute setiap operasi dan memulihkan keadaan sebelumnya dalam kaedah undo . Ini akan memastikan ciri Redo Undo anda berfungsi dengan betul.
Atas ialah kandungan terperinci Bagaimana untuk melaksanakan Kelas Perintah Kelas Komando di Konva.js untuk menyokong Undo dan Redo Functions?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Bagaimana untuk mengelakkan risiko dalam kekacauan dalam bulatan mata wang? Senarai Top3 StableCoin diturunkan
Jul 08, 2025 pm 07:27 PM
Terhadap latar belakang turun naik kekerasan dalam pasaran cryptocurrency, permintaan pelabur untuk pemeliharaan aset menjadi semakin menonjol. Artikel ini bertujuan untuk menjawab bagaimana untuk melindung nilai risiko secara berkesan dalam lingkaran mata wang bergelora. Ia akan memperkenalkan secara terperinci konsep StableCoin, alat lindung nilai teras, dan menyediakan senarai Top3 StableCoins dengan menganalisis pilihan yang sangat diiktiraf semasa di pasaran. Artikel ini akan menjelaskan cara memilih dan menggunakan stablecoins ini mengikut keperluan mereka sendiri, untuk menguruskan risiko dengan lebih baik dalam persekitaran pasaran yang tidak menentu.
Populariti bulatan mata wang telah kembali, mengapa orang pintar mula secara senyap -senyap meningkatkan kedudukan mereka? Lihatlah trend dari data rantaian dan genggam pusingan seterusnya kata laluan kekayaan!
Jul 09, 2025 pm 08:30 PM
Apabila keadaan pasaran meningkat, lebih banyak pelabur pintar telah mula secara senyap -senyap meningkatkan kedudukan mereka dalam bulatan mata wang. Ramai orang tertanya -tanya apa yang membuat mereka mengambil tegas apabila kebanyakan orang menunggu dan melihat? Artikel ini akan menganalisis trend semasa melalui data rantaian untuk membantu pembaca memahami logik dana pintar, untuk lebih memahami pusingan seterusnya peluang pertumbuhan kekayaan yang berpotensi.
Apakah rantaian awam arus perdana kriptografi? Sepuluh kedudukan teratas rantaian awam arus perdana cryptocurrency pada tahun 2025
Jul 10, 2025 pm 08:21 PM
Corak dalam bidang rantaian awam menunjukkan trend "satu super, banyak yang kuat, dan seratus bunga mekar". Ethereum masih mengetuai parit ekologi, manakala Solana, Avalanche dan lain -lain adalah prestasi yang mencabar. Sementara itu, Polkadot, Cosmos, yang memberi tumpuan kepada interoperabilitas, dan Chainlink, yang merupakan infrastruktur kritikal, membentuk gambaran masa depan pelbagai rantai yang wujud bersama. Bagi pengguna dan pemaju, memilih platform mana yang tidak lagi menjadi satu pilihan, tetapi memerlukan perdagangan antara prestasi, kos, keselamatan dan kematangan ekologi berdasarkan keperluan khusus.
Peringkat Duit Syiling Stabil Mata Wang Mata Wang Mata Wang Mata Wang Mata Wang Mata Wang Mata Wang Mata Wang Mata Wang Mata Wang Mata Wang Mata Wang Mata Wang Mata Wang Mata Wang yang Stabil
Jul 08, 2025 pm 07:30 PM
Artikel ini akan memperkenalkan beberapa stablecoins arus perdana dan menerangkan secara mendalam bagaimana untuk menilai keselamatan stablecoin dari pelbagai dimensi seperti ketelusan dan pematuhan, untuk membantu anda memahami stablecoins yang umumnya dianggap sebagai pilihan yang agak boleh dipercayai di pasaran, dan belajar bagaimana untuk menilai atribut "bahaya" mereka sendiri.
Bitcoin memecah paras tertinggi baru, dogecoin melantun dengan kuat, akan Ethereum bersaing dengan laju
Jul 09, 2025 pm 08:24 PM
Baru -baru ini, Bitcoin melanda tinggi baru, Dogecoin mengantar pemulihan yang kuat dan pasaran panas. Seterusnya, kami akan menganalisis pemandu pasaran dan aspek teknikal untuk menentukan sama ada Ethereum masih mempunyai peluang untuk mengikuti kenaikan.
Apakah jenis stablecoins? Apakah stablecoins dalam mata wang digital?
Jul 08, 2025 pm 11:51 PM
Duit syiling yang stabil mengekalkan kestabilan harga dengan menambat mata wang fiat seperti dolar AS, yang terutamanya dibahagikan kepada tiga kategori: 1. 2. Jenis pemulihan cryptocurrency seperti DAI; 3. Jenis algoritma mempunyai risiko yang lebih tinggi. Stablecoins arus perdana termasuk USDT dengan nilai pasaran tertinggi dan kecairan terbaik. USDC terkenal dengan pematuhan dan ketelusannya. Dai bergantung pada mekanisme yang terdesentralisasi. TUSD mengamalkan audit masa nyata di rantaian. BUSD secara beransur -ansur menarik diri dari pasaran kerana pengawasan. USDP terkenal dengan pematuhan dan keselamatannya yang tinggi. Kedua -duanya diedarkan secara meluas di bursa arus perdana.
Apa itu stablecoin? Mengapa carian panas di Douyin dibincangkan?
Jul 09, 2025 am 06:03 AM
StableCoins adalah cryptocurrency yang dipatok ke aset seperti dolar AS dan bertujuan untuk mengekalkan nilai yang stabil. Mereka terutamanya dibahagikan kepada tiga jenis: cagaran mata wang fiat, cagaran cryptocurrency dan algoritma. 1. Jenis cagaran mata wang Fiat seperti USDT dan USCD disokong oleh rizab dolar AS; 2. Jenis cagaran cryptocurrency seperti DAI perlu melampaui over-collateralize mata wang lain; 3. Algoritma bergantung pada kontrak pintar untuk menyesuaikan bekalan tetapi mempunyai risiko yang tinggi. Sebab-sebab mengapa ia dibincangkan dengan hangat mengenai platform seperti Douyin termasuk: sebagai alat lindung nilai apabila pasaran Crypto Falls, sebuah jambatan untuk orang baru untuk memasuki dunia crypto, cara untuk mendapatkan pengurusan kewangan tinggi di DEFI, dan penerapan pembayaran rentas sempadan rendah. Untuk mendapatkan stablecoins, anda boleh berdagang melalui pertukaran arus perdana seperti Binance, Ouyi, dan Huobi.
Evolusi Kontrak Pintar Cardano: Kesan Peningkatan Alonzo pada tahun 2025
Jul 10, 2025 pm 07:36 PM
Peningkatan Alonzo Hard Fork Cardano telah berjaya mengubah Cardano dari rangkaian pemindahan nilai ke platform kontrak pintar yang berfungsi sepenuhnya dengan memperkenalkan platform kontrak pintar Plutus. 1. Plutus didasarkan pada bahasa Haskell, dengan fungsi yang kuat, keselamatan yang dipertingkatkan dan model kos yang boleh diramal; 2. Selepas peningkatan, penggunaan DAPPS dipercepatkan, komuniti pemaju diperluaskan, dan ekosistem DEFI dan NFT berkembang pesat; 3. Melihat ke depan untuk 2025, ekosistem Cardano akan menjadi lebih matang dan pelbagai. Digabungkan dengan peningkatan skalabilitas dalam era Basho, peningkatan interoperabilitas rantaian silang, evolusi tadbir urus yang terdesentralisasi dalam era Voltaire, dan promosi pengangkatan arus perdana oleh aplikasi peringkat perusahaan, Cardano telah
