Awalnya saya hanya ingin menulis papan gambar sederhana, kemudian tanpa sadar saya teringat bahwa dokumen grafit memiliki fungsi papan tulis, jadi saya ingin mengembangkan fungsi kanvas saat ini menjadi versi sederhana dari papan gambar kolaboratif.
Demo online: Saat ini dalam proses penerapan, perlu dikloning agar dapat dijalankan secara lokal.
alamat git
2. Jalankan
git clone <repository>npm install#>>>>Untuk tahap pengembangan: #Startup layanan front-end (menggunakan server dev webpack): npm run dev#Startup layanan backend (nodemon digunakan untuk memantau modifikasi file back-end secara nyata waktu dan restart layanan) npm run start# >>>Untuk tahap produksi: #Kemas file front-end, lalu mulai server 1. npm run build2
3. Fungsi:
Pengembangan selesai:
•Zoom kanvas (Selesai)
•Warna kanvas (Selesai)
•Warna Kuas (Selesai)
•Ketebalan kuas (Selesai)
•Riwayat (batalkan, pulihkan) (Selesai)
•Ruang ngobrol (Selesai)
• Menggambar kolaborasi (mirip dengan kolaborasi dokumen grafit) (Selesai)
Fitur yang akan dikembangkan:• Percantik antarmuka UI (akan dikembangkan) • Perencanaan penggunaan perpustakaan UI (desain material)
•Kontrol teks (untuk dikembangkan)
•Upload gambar dan gambar berdasarkan gambar (untuk dikembangkan)
•Bentuk dasar gambar dapat diseret untuk menyesuaikan ukurannya (untuk dikembangkan)
• Fungsi obrolan yang kaya (ekspresi, gambar, audio dan video) (akan dikembangkan) • webRTC memperoleh data aliran video dan mengirimkannya
•Fungsi lain yang tidak diketahui (x)
4. Gambar efek
5. Kata Penutup
Implementasi aplikasi ini relatif mendasar, dan masih banyak ruang untuk perbaikan.
Di atas adalah fungsi papan gambar bersama yang diterapkan oleh socket.io dan kanvas yang diperkenalkan oleh editor. Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalas Anda tepat waktu!