Memahami viewBox, width, height & preserveAspectRatio pada SVG
Panduan teknis Memahami viewBox, width, height & preserveAspectRatio pada SVG lengkap dengan langkah pemrosesan lokal memakai Studio SVG dan ikon vektor
Ringkasan Cepat
Memahami viewBox, width, height & preserveAspectRatio pada SVG — Edit kode SVG, viewBox, dan warna, optimalkan jalur, lalu ekspor ke TSX/JSX, CSS Data URI, PNG, atau WebP. Seluruh pemrosesan berjalan di dalam memori tab browser Anda menggunakan Web API standar tanpa mengirim data ke server mana pun.
Tabel Spesifikasi & Perilaku Teknis
| Parameter / Standar | Penjelasan Teknis & Rekomendasi |
|---|---|
| 1. Web API / Runtime | Mengandalkan Web Crypto, Canvas, dan ArrayBuffer untuk kecepatan instan dan privasi penuh. |
| 2. Studio SVG dan ikon vektor | Edit kode SVG, viewBox, dan warna, optimalkan jalur, lalu ekspor ke TSX/JSX, CSS Data URI, PNG, atau WebP. |
| 3. 1. Studio SVG dan ikon vektor | Masukkan atau impor data yang diperlukan sesuai opsi yang tersedia. |
| 4. 2. Web Crypto / Canvas / ArrayBuffer | Pilih opsi yang sesuai untuk tugas Anda dan periksa pengaturannya. |
| 5. SVG / C | viewBox, Responsive SVG, CSS Sizing — Studio SVG dan ikon vektor |
Cara Kerja Pemrosesan Lokal di Browser
Edit kode SVG, viewBox, dan warna, optimalkan jalur, lalu ekspor ke TSX/JSX, CSS Data URI, PNG, atau WebP. Label antarmuka yang umum diterjemahkan bila padanannya tersedia. Sebagian kolom khusus atau pesan mungkin tetap dalam bahasa Inggris; nama format dan kode dibiarkan tidak diubah.
Seluruh pemrosesan berjalan di dalam memori tab browser Anda menggunakan Web API standar tanpa mengirim data ke server mana pun.
- Edit kode SVG, viewBox, dan warna, optimalkan jalur, lalu ekspor ke TSX/JSX, CSS Data URI, PNG, atau WebP.
- Pemrosesan dan komunikasi jaringan berbeda-beda tergantung alat dan fungsi yang dipakai. Baca petunjuk di ruang kerja serta kebijakan privasi sebelum memasukkan data sensitif.
- Label antarmuka yang umum diterjemahkan bila padanannya tersedia. Sebagian kolom khusus atau pesan mungkin tetap dalam bahasa Inggris; nama format dan kode dibiarkan tidak diubah.
- Kompres, konversikan, potong, dan periksa gambar maupun grafik vektor.
Alur Kerja Praktis dengan Studio SVG dan ikon vektor
- 11. Studio SVG dan ikon vektor: Masukkan atau impor data yang diperlukan sesuai opsi yang tersedia.
- 22. Web Crypto / Canvas / ArrayBuffer: Pilih opsi yang sesuai untuk tugas Anda dan periksa pengaturannya.
- 33. Gambar dan vektor: Periksa hasilnya sebelum menyalin atau mengekspornya.
- Masukkan atau impor data yang diperlukan sesuai opsi yang tersedia.
- Pilih opsi yang sesuai untuk tugas Anda dan periksa pengaturannya.
- Periksa hasilnya sebelum menyalin atau mengekspornya.
Batasan Nyata & Praktik Terbaik
Fungsi, format, dan ukuran file yang layak bergantung pada browser serta alatnya. Untuk file besar, pantau sumber daya perangkat dan verifikasi hasilnya dengan aplikasi yang sesuai sebelum dipakai.
Mengandalkan Web Crypto, Canvas, dan ArrayBuffer untuk kecepatan instan dan privasi penuh.
Studio Terkait
Pertanyaan Umum (FAQ)
Apakah semua alat berjalan sepenuhnya di browser?
Tidak. Mode pemrosesan bergantung pada alat dan fungsi yang dipakai. Lihat petunjuk di ruang kerja dan kebijakan privasinya; jangan menyimpulkan tempat pemrosesan hanya dari tampilnya halaman web.
Bolehkah saya memproses file sensitif?
Periksa dulu keterangan privasi khas alat tersebut. Sebagian pemrosesan bisa memakai layanan pihak ketiga; hindari data sensitif sampai Anda memastikan di mana data itu diproses.
Apakah file atau teks saya diunggah ke server eksternal?
Tidak. Semua data diproses di memori lokal browser pada perangkat Anda dan tidak pernah dikirim keluar.