Bahasa Inggris | Cina
Editor Gambar Sumber Terbuka · Arsitektur Plugin · Desain Seret-dan-Drop · Fungsi Lengkap
Editor gambar plug-in dikembangkan berdasarkan Fabric.js dan Vue, yang dapat menyesuaikan font, bahan, templat desain, menu klik kanan, dan kunci pintasan.
Demo · dokumen · demo edisi berbayar · pengantar edisi berbayar
Perkenalan
Desain gambar cepat, Vue-Fabric-Editor adalah editor gambar yang dikembangkan berdasarkan Fabric.js dan Vue, yang dapat menyesuaikan font, bahan, templat desain, menu klik kanan, dan kunci pintas.
Animasi Pendahuluan · Video Pendahuluan
Fitur
- Arsitektur Plugin : Dapat diperluas dan dikembangkan melalui plug-in, mendukung menu klik kanan dan tombol pintas.
- Desain drag-and-drop : Editor grafis yang ringan dan ringkas, bukan alat desain ulang-seperti-PS yang besar dan lengkap.
- Fungsi Lengkap : Analisis PSD, Lini Auxiliary, Sejarah, Gradien, Font Kustom, Pemangkasan dan Fungsi Lainnya.
Sudah memiliki fungsi
- Impor file JSON dan PSD
- Ekspor PNG, SVG, file JSON
- Kombinasi/kombinasi split
- Fungsi lapisan
- Properti Gradien
- Atribut Penampilan/Atribut Font/Stroke/Bayangan
- Undo/redo
- Kunci Pintasan
- Menu klik kanan
- Garis bantu
- Penggaris
- Font Kustom
- Bahan Template Kustom
- Masukkan SVG, bahan gambar
- Penyelarasan horizontal dan vertikal multi-elemen
- Pengaturan atribut latar belakang
- Panah/garis
- Menggambar sikat/poligon
- Kode QR/kode batang
- Penggantian gambar/pemangkasan/filter
- Tanda air
- Internasionalisasi
menggunakan
Harap instal Node.js v16 dan PNPM terlebih dahulu, dan kemudian jalankan perintah berikut:
Layanan Pengembang
- WeChat Communication Group : Kami telah membentuk beberapa kelompok komunikasi proyek WeChat, dengan penulis dan pemelihara proyek aktif dalam grup dan menjawab pertanyaan secara teratur.
- Fabric.js Tutorial Cina : https://blog.kuaitu.cc.
- Planet Pengetahuan : Pembaruan Jangka Panjang Informasi yang relevan tentang editor open source dan fabric.js, praktik terbaik endak, berbagi pengalaman pengembangan, contoh kode, dll.
Versi berbayar
Bantuan perusahaan dengan cepat membangun alat desain online, mengurangi investasi R&D perusahaan, dan menghindari penciptaan roda yang berulang.
PENDAHULUAN FUNGSI · PENDAHULUAN PRODUK · Demo
Versi open source hanya memiliki kode front-end. Versi berbayar menyediakan front-end dan back-end dan back-end lengkap, fungsi lengkap di luar kotak, menyediakan otorisasi kode sumber dan mendukung pengembangan sekunder .
- Di luar kotak, Fungsi Lengkap : Kemampuan Desain Kaya, memberikan fungsi front-end dan back-end lengkap, dan dapat digunakan dalam penyebaran.
- Arsitektur plugin, ekspansi yang nyaman : Berdasarkan API plug-in, dengan cepat mengembangkan editor sekunder.
- Generasi Batch, Produksi Gambaran Cepat : Mendukung Batch Generasi Gambar Melalui Antarmuka HTTP dan File Meja.
- Desain drag-and-drop, sederhana dan mudah digunakan : Cocok untuk pengguna biasa untuk beroperasi, mudah untuk memulai tanpa pelatihan.
- Adaptasi seluruh platform : Versi PC dan versi H5 mendukung berbagai skenario aplikasi.
- Docking teknis, pelatihan dokumen : Berikan lebih banyak dukungan dan docking teknis lengkap secara efisien.
- Pengembangan yang disesuaikan, Kurangi investasi : Mendukung penyelesaian fungsi yang disesuaikan dengan cepat dan mengurangi investasi R&D.
Panduan Kontribusi
Proyek ini berkomitmen untuk membuat aplikasi editor gambar web out-of-the-box, dan pada saat yang sama, ia menyetor lapisan enkapsulasi antara aplikasi editor gambar web dan fabric.js. Diharapkan bahwa lapisan enkapsulasi dirancang untuk pengembang dan menyediakan antarmuka yang lebih sederhana, sehingga pengembang dapat dengan mudah menerapkan pengembangan aplikasi gambar.
Jika Anda tertarik dengan masalah ini, dengan tulus mengundang Anda untuk bergabung dengan kami dan tumbuh bersama. Anda hanya perlu mengetahui sintaks GIT dan JavaScript sederhana.
[Kirimkan kode dan menangkan mouse game Razer]
Informasi terkait
Berikut adalah catatan teknis saya tentang editor di komunitas Nuggets, dan akan ada lebih banyak detail:
- Gunakan Fabric.js untuk mengembangkan editor gambar dengan cepat,
- Implementasi rinci editor gambar pengembangan fabric.js
- Fungsi apa yang dapat diimplementasikan oleh Fabric.js Mengembangkan Editor Gambar? Beberapa gambar
- Proyek open source saya dan pengalaman open source
- Fungsi apa yang dapat diimplementasikan oleh Canvas Library Fabrary.js? Pengantar Gambar Animasi
- Editor gambar Vue Open Source
- Berbagi pengalaman pribadi dalam komersialisasi proyek open source
- Plug-in Architecture Open Source Fabric.js Editor Gambar
Catatan: Jika Anda menghadapi masalah teknis, Anda berharap untuk menggunakan masalah untuk dibahas, itu lebih terbuka dan transparan, dan informasi yang cukup akan membuat masalah penyelesaian lebih efisien, merujuk pada kebijaksanaan mengajukan pertanyaan.
Ucapan Terima Kasih
- Penulis Fungsi Penguasa Liu Mingye.
- Komponen Gradien Editor Desain Palxiao.
Sponsor yang ramah
administrator
Kontributor
Nihaojob |
Qiu-jun |
Wuchengguy998 |
Alicelanniste |
ylx252 |
liumingye |
momo2019 |
Byeword |
BigFace2019 |
wohuweixiya |
ZJC2233 |
ijry |
Makeng |
Z09176141 |
A847244052 |
Briver0825 |
Skyscraperno1 |
Pengzhijian |
Jiangshuq |
Hudenhui |
ddshiyu |
yehan68 |
Luke358 |
xiaozeo |
x007xyz |
Wozhi-Cl |
vvbear |
Slarkerino |
Rolitter |
Mojixiang |
Machetehot |
Liuyaojun |
Jooyyy |
GUDA-ART |
nanfb |
DULLTACKE |
BAMZC |
Yangzongtai |
Alicehhhmm |
Fuqianxi |
Ichthoncosta |
liucity |
Lisensi
Berlisensi di bawah lisensi MIT.
