Bereaksi editor SVG
Tidak ada perpustakaan SVG yang digunakan, dibangun dari awal
Untuk permintaan fitur apa pun, ping saya di LinkedIn?
Ikuti saya di LinkedIn untuk proyek yang lebih menarik
Klik di sini untuk mengunjungi Situs
Demo
Tentang
- React SVG Editor adalah alat desain yang kuat yang membantu Anda membuat apa pun: situs web, aplikasi, logo, dan banyak lagi.
- Dibangun untuk web, reaksi editor SVG membantu Anda membuat, berbagi, menguji, dan mengirimkan desain yang lebih baik dari awal hingga akhir.
- Baik itu alat konsolidasi atau penyederhanaan alur kerja, React SVG Editor membuat proses desain lebih cepat, lebih efisien, dan menyenangkan sambil menjaga semua orang di halaman yang sama.
Fitur
- Beberapa alat yang disediakan untuk merancang tata letak.
- Pembuat gradien disediakan untuk membuat dan menggunakan gradien indah dalam proyek.
- Tema membuat warna yang mudah, pilih, dan simpan dalam palet dan menggunakannya di seluruh proyek, tidak menyukai warna, mengubahnya, secara otomatis akan diterapkan pada semua elemen di mana ia digunakan.
- Alat seperti pencarian clipart, pencarian ilustrasi juga disediakan.
- Ubah bentuk dengan mudah, memanipulasi berbagai sifat seperti tinggi, lebar, warna perbatasan, warna latar belakang dll.
- Lebih dari 8 filter CSS tersedia.
- Bagilah proyek besar menjadi bagian -bagian kecil, rancangnya di halaman terpisah suatu proyek.
- Ekspor proyek Anda sebagai SVG atau JSON.
- Kenaikan file JSON lagi
- Efek seperti garis besar, box-shadow juga tersedia.
- Semuanya disimpan secara lokal, tidak perlu internet untuk bekerja
- Pembantu pointer juga disediakan untuk membantu menempatkan bentuk Anda dalam posisi yang sempurna.
Cara menggunakan
- Klik Buat file baru di header
- Pilih Alat
- Klik pada kanvas untuk menambahkan bentuk
- Sidebar di sebelah kanan berisi semua properti, memanipulasinya dari sana.
- Untuk bentuk multipoint seperti garis, poligon, jalur gunakan klik kanan untuk mengakhiri jalur.
- Tekan tombol CTRL dan seret bentuk ke skala.
- Tekan tombol shift dan seret bentuk untuk berputar.
- Klik pada file lalu pada halaman untuk menambahkan lebih banyak halaman.
- Klik pada file dan kemudian simpan untuk menyimpan proyek Anda.
- Klik pada gradien, alat pembuatan gradien akan terbuka untuk Anda.
- Klik warna, untuk menambahkan warna ke palet.
- Klik pada Sisipkan, Alat Pencarian Clipart akan terbuka untuk Anda.
Apa semua fitur yang Anda dapatkan
- Proyek paling kompleks yang saya buat adalah React SVG Editor, itu adalah alat desain SVG di browser memiliki banyak kasus penggunaan seperti desainer logo, ppt, UI/UX Design Tool, memiliki komponen bawaan untuk mencari dan pengguna clipart di seluruh proyek Anda dan alat lain untuk menambahkan efek seperti gradien, filter, bayangan, dll.
- Ini termasuk bentuk seperti lingkaran, persegi panjang, elips, teks, garis, ployline, poligon, pensil, gambar dll, Anda dapat membuka aplikasi ini dan mulai merancang apa pun yang Anda suka, semua desain akan disimpan dalam database browser yang disebut indexeddb.
- Anda juga dapat mengelompokkan dua bentuk bersama -sama dan dengan demikian membuat komponen seperti kartu produk, bilah navigasi, kutipan dll dan menggunakannya kembali di seluruh desain Anda, untuk menambahkan bentuk grup saya harus memulai proyek lagi dari awal saya menggunakan traversal linier dengan menyimpan bentuk -bentuk dalam array untuk membuat peta, tetapi dengan grup itu tidak mungkin sehingga saya harus menyimpan elemen -elemen di dalam array untuk membuat peta, tetapi dengan grup itu tidak mungkin sehingga saya harus menyimpan elemen -elemen di dalam array untuk membuat peta, tetapi dengan grup itu tidak mungkin sehingga saya harus menyimpan elemen -elemen dalam peta.
- Anda juga dapat menambahkan beberapa halaman ke proyek desain Anda dan kemudian menjalankannya seperti presentasi power point. -Proyek dibuat menggunakan react.js dan redux dan bahasa yang digunakan adalah naskah.
