Pengenalan SVG

SVG adalah bahasa yang digunakan untuk mendeskripsikan grafik dua dimensi dan program perekaan

Dasar yang seharusnya anda punya sebelum belajar:

Sebelum melanjutkan belajar, anda seharusnya mempunyai pemahaman dasar tentang berikut ini:

  • HTML
  • Dasar XML

Jika anda ingin belajar konten ini terlebih dahulu, sila lawatiLaman utamaPilih tutorial yang sesuai

Apakah SVG?

  • SVG adalah grafik vektor yang dapat diukur (Scalable Vector Graphics)
  • SVG digunakan untuk mendefinikan grafik vektor yang berdasarkan jaringan
  • SVG menggunakan format XML untuk mendefinikan grafik
  • Gambar SVG tidak kehilangan kualitas grafik saat diubah ukurannya atau diubahbesarkan
  • SVG adalah standar Persekutuan Web
  • SVG dan standar W3C seperti DOM dan XSL adalah keseluruhan

SVG adalah standar yang disarankan W3C

SVG menjadi standar yang disarankan W3C pada 14 Januari 2003.

Untuk baca lebih banyak tentang aktiviti SVG W3C, sila lawati laman kami Panduan W3C.

Sejarah dan kelebihan SVG

Pada bulan Januari 2003, SVG 1.1 dijadikan standard W3C.

Organisasi yang ikut merancang SVG adalah: Sun Microsystems, Adobe, Apple Inc., IBM serta Kodak.

Kelebihan penggunaan SVG berbanding format imej lain adalah:

  • Imej SVG boleh dibaca dan diubah oleh banyak alat (seperti Notepad)
  • Imej SVG lebih kecil dan dapat disempitkan berbanding imej JPEG dan GIF
  • SVG adalah dapat disaizikan
  • Imej SVG boleh dicetak dengan kualiti tinggi di mana-mana resolusi
  • Imej SVG boleh diperbesar tanpa menurunkan kualiti gambar
  • Teks dalam imej SVG adalah pilihan, tetapi juga boleh dicari (sangat sesuai untuk membuat peta)
  • SVG boleh berjalan bersama-sama dengan teknologi Java
  • SVG adalah standard terbuka
  • Fail SVG adalah XML penuh

Penggandaran utama SVG adalah Flash.

Dibandingkan dengan Flash, kelebihan utama SVG adalah kompatibiliti dengan standard lain (seperti XSL dan DOM), manakala Flash adalah teknologi swasta yang belum dibuka asa.

Lihat fail SVG

Hari ini, semua pemelayar mendukung fail SVG, kecuali Internet Explorer yang memerlukan pemasangan pemalet, pemalet adalah percuma, seperti Pemilik SVG Adobe.