Cara Melihat Kode Path Dalam File SVG

Proses untuk melihat kode path svg
Gambar 1.1, Proses untuk melihat kode path dalam file SVG

SVG (Scalable Vector Graphics) merupakan salah satu format gambar berbasis vektor yang di tulis dalam markup XML.

Format ini biasanya digunakan sebagai ikon atau logo untuk keperluan website, karena memiliki kualitas tampilan yang sangat baik,  ringan, dan responsif.

Berbeda dengan format gambar lainnya, SVG mempunyai ukuran pixel yang tidak terbatas karena SVG diambil dari bentuk dan kurva yang dinyatakan secara matematis atau disebut sebagai kurva bezier.

Karena format SVG di kemas dalam dokumen XML, siapa pun bisa melihat atau mengubah kode-kode syntax yang ada di dalam file.

Berikut akan di jelaskan langkah-langkah untuk melihat isi kode yang ada di dalam file SVG yang dapat dilakukan melalui perangkat komputer dan smartphone.

PADA PERANGKAT KOMPUTER
A. Menggunakan Notepad
1. Siapkan file SVG yang akan dilihat isi kode path nya.
2. Klik kanan pada file, kemudian pilih menu Buka dengan atau Open with dalam bahasa Inggris.
3. Pilih ikon aplikasi Notepad untuk membuka file menggunakan notepad.

Atau bisa juga menggunakan cara berikut.
1. Klik kanan pada file SVG, kemudian pilih Properti atau Properties.
2. Klik pada tombol Ubah... atau Change....
3. Lalu cari dan pilih aplikasi Notepad dan klik OK.
4. Klik Apply kemudian OK untuk mengaktifkan.
5. Silahkan klik dua kali atau double klik pada file SVG.
6. Notepad akan menampilkan semua kode dari file SVG tersebut.
7. Jika ingin menggunakan kode SVG pada css, silahkan salin kode tersebut mulai dari elemen hingga .

B. Menggunakan Browser
1. Klik kanan pada file SVG, kemudian pilih menu Buka dengan atau Open with jika komputer dalam bahasa Inggris.
3. Pilih salah satu aplikasi browser yang akan digunakan, misalkan Google Chrome, Mozilla Firefox, Edge, Opera, atau Internet Explorer.
4. Setelah itu, klik dua kali atau double klik pada file.
5. Secara otomatis, browser akan menampilkan gambar dari file SVG.
6. Klik kanan tepat pada gambar dan pilih Lihat sumber atau Inspeksi (inspect).
7. Tunggu hingga browser menampilkan kode pada file SVG.

PADA SMARPHONE ANDROID
A. Menggunakan Aplikasi

Gambar 2.1, Instal X-Plore File Manager

1. Download dan install aplikasi X-Plorer melalui Play Store.

Gambar 2.2, Beberapa file SVG

2. Buka aplikasi X-Plore dan cari file SVG yang akan di salin kode path nya.

Gambar 2.3, Menu X-Plore File Manager

3. Klik dan tahan pada file hingga muncul beberapa menu. Setelah itu pilih pada menu Dibuka oleh... atau Open with, jika aplikasi berbahasa Inggris.

Gambar 2.4, Memilih aplikasi untuk membuka file

4. Klik pada menu Buka sebagai atau Open as dalam bahasa Inggris.

Gambar 2.5, Beberapa opsi untuk membuka file

5. Kemudian pilih Teks.

Kode path file SVG
Gambar 2.6, Tampilan kode path dalam file SVG

7. Maka file akan di buka sebagai dokumen teks dan akan menampilkan seluruh kode syntax yang ada di dalam file SVG.
CSO Think what others don't think

1 Komentar untuk "Cara Melihat Kode Path Dalam File SVG"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel