Panduan SVG

SVG merupakan Scalable Vector Graphics (Scalable Vector Graphics).

SVG dengan berkas XML definisi format grafik vektor.

contoh di setiap bab

Dengan menggunakan editor 'Coba Sendiri' kami, Anda dapat mengedit SVG dan kemudian klik tombol untuk melihat hasil.

Contoh SVG

<html>
<body>
<h1>SVG pertama saya</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>

coba sendiri

pengetahuan dasar yang harus dimiliki

Sebelum melanjutkan belajar, Anda seharusnya memiliki pemahaman dasar tentang hal berikut:

  • HTML
  • dasar berkas XML

Jika Anda ingin belajar konten ini terlebih dahulu, kunjungi tutorial yang relevan di halaman utama kami.

Apa itu SVG？

  • SVG merupakan Scalable Vector Graphics
  • SVG digunakan untuk mendefiniskan grafik vektor berbasis Web
  • SVG definisi grafik dalam format XML
  • SVG setiap elemen dan setiap atribut dalam berkas dapat diatur animasi
  • SVG adalah standar yang disarankan W3C
  • SVG dintegrasikan dengan standar W3C lainnya, seperti DOM dan XSL

SVG adalah standar yang disarankan W3C

SVG 1.0 menjadi standar yang disarankan W3C pada tanggal 4 September 2001.

SVG 1.1 menjadi standar yang disarankan W3C pada tanggal 14 Januari 2003.

SVG 1.1 (versi kedua) menjadi standar yang disarankan W3C pada tanggal 16 Agustus 2011.

SVG keunggulan

berbanding dengan format gambar lainnya (seperti JPEG dan GIF), penggunaan SVG keunggulan adalah:

  • SVG gambar dapat dibuat dan diedit menggunakan editor teks apapun
  • SVG gambar dapat dicari, diindeks, diskrip dan dikompressikan
  • SVG gambar dapat diperluas
  • SVG gambar dapat dicetak dengan kualitas tinggi di setiap resolusi
  • SVG gambar dapat diskalakan
  • SVG gambar dalam skala atau ukuran yang diatur tidak kehilangan kualitas
  • SVG merupakan standar yang terbuka
  • SVG berkas adalah berkas XML

membuat SVG gambar

SVG Gambar dapat dibuat menggunakan editor teks apapun, tetapi penggunaan program gambar (seperti InkscapeMembuat gambar SVG biasanya lebih mudah.