Alat developer / 28

Editor Vektor SVG & Alat Gambar Online

Gambar, atur gaya, susun layer, dan edit grafis vektor SVG secara visual atau melalui kode XML SVG langsung.

Editor Vektor SVG & Alat Gambar Online: Gambar persegi panjang, lingkaran, elips, garis, path, dan teks di canvas SVG. Pindahkan objek, ubah fill, stroke, dan opacity, lalu atur layer-nya. Anda juga dapat mengimpor SVG atau mengedit markup-nya di tab Code, kemudian men-download SVG atau PNG, atau menyalin teks SVG. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Kategori
Tools developer
Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan
Tambah Bentuk:
Latar:
TOEA SVG Editor

Inspector & Styling Elemen

rect (rect_1)
Aksi Layer
Layer (3)
text (text_1)
circle (circle_1)
rect (rect_1)

Gambar bentuk, path, dan teks

Tambahkan persegi panjang, lingkaran, elips, garis, bintang, segitiga, hati, path, atau teks. Pilih objek untuk mengubah fill, warna stroke, lebar stroke, dan opacity, atau gunakan kontrol layer untuk menduplikasi, menghapus, dan mengubah urutannya. Pengaturan canvas menentukan ukuran gambar dan latar belakang.

Pindahkan path di canvas dan edit bentuknya melalui tab Code. Perintah path seperti M, L, dan C menjelaskan perpindahan, garis, dan kurva. Ini bukan editor node visual: tidak ada handle kurva yang dapat diseret. XML yang diedit diterapkan saat Anda meninggalkan kolom kode.

Batas export dan import

SVG mempertahankan bentuk vektor dan teks yang dapat diedit; PNG merasterisasi gambar pada ukuran canvas. Menyalin markup memberikan teks SVG untuk digunakan di halaman atau editor lain. Teks tidak diubah menjadi outline, sehingga tampilannya bergantung pada font yang tersedia di tempat file dibuka.

File yang diimpor dikurangi menjadi bentuk dasar, path, dan teks yang didukung. Gradien, filter, clipping, gambar tersemat, dan perilaku grup tidak dipertahankan sepenuhnya. Simpan file asli dan bandingkan gambar yang diimpor sebelum mengekspor pengganti.

Cara menggunakannya

  1. Tambahkan persegi panjang, lingkaran, elips, garis, bintang, path, atau teks, lalu seret ke posisi yang diinginkan.
  2. Atur fill, stroke, opacity, radius sudut, dan urutan layer.
  3. Download SVG atau PNG, atau salin markup-nya.

Privasi & batasan

Gambar tidak pernah keluar dari browser Anda — tidak ada upload, autosave, atau server. Menutup tab akan menghapusnya, jadi download file sebelum Anda pergi.

Alat terkait

SVG CleanerSVG ke JSXSVG Path Visualizer

Pertanyaan umum

Apakah saya dapat menggambar dan mengedit path?

Anda dapat menambahkan path, memindahkannya di canvas, serta mengubah fill dan stroke-nya. Edit perintah path di tab Code untuk mengubah bentuknya; tidak tersedia editor titik kontrol visual. Perubahan kode diterapkan setelah Anda keluar dari kolom teks.

Apakah saya dapat menambahkan teks dan bentuk sederhana?

Ya. Tambahkan persegi panjang, lingkaran, elips, garis, bintang, segitiga, hati, path, atau teks dari toolbar. Teks memiliki kontrol isi dan ukuran font. Anda dapat meratakan, menggandakan, menghapus, dan mengubah urutan objek, serta mengubah fill, warna stroke, lebar stroke, dan opacity.

File apa saja yang dapat saya ekspor?

Download SVG untuk mempertahankan bentuk vektor dan teks yang dapat diedit, atau PNG untuk gambar raster dengan dimensi canvas. Anda juga dapat menyalin markup SVG. Teks tidak dikonversi menjadi outline.

Alat gratis · berjalan di browser anda · tanpa perlu akun