Panduan SVG

SVG merujuk kepada Imej Vektor Boleh Disaizkan (Scalable Vector Graphics)

SVG dengan XML format mengdefinikan grafik vektor.

contoh di setiap bab

Dengan menggunakan editor 'Cuba Sendiri' kami, anda boleh mengedit SVG dan kemudian klik butang untuk lihat 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>

Cuba sendiri

pengetahuan dasar yang seharusnya anda miliki

Sebelum melanjutkan, anda seharusnya mempunyai pengetahuan asas tentang yang berikut:

  • HTML
  • asas XML

Jika anda ingin mengambil pelajaran ini dahulu, lawati pengajaran yang berkaitan di halaman utama kami.

Apa itu SVG？

  • SVG merujuk kepada Imej Vektor Boleh Disaizkan (Scalable Vector Graphics)
  • SVG digunakan untuk mendefinikan grafik vektor Web
  • SVG mengdefinikan grafik dalam format XML
  • SVG setiap elemen dan setiap atribut dalam fail dapat ditetapkan animasi
  • SVG ialah standard yang disarankan W3C
  • SVG diseimbangkan dengan standard W3C lain, seperti DOM dan XSL

SVG ialah standard yang disarankan W3C

SVG 1.0 menjadi standard yang disarankan W3C pada 4 September 2001.

SVG 1.1 menjadi standard yang disarankan W3C pada 14 Januari 2003.

SVG 1.1 (edisi kedua) menjadi standard yang disarankan W3C pada 16 Ogos 2011.

SVG kelebihan

berbanding dengan format imej lain (seperti JPEG dan GIF), penggunaan SVG kelebihannya adalah:

  • SVG imej boleh dibuat dan disunting dengan mana-mana editor teks
  • SVG imej boleh dicari, diindeks, diskrip dan disaizkan
  • SVG imej adalah dapat diperluas
  • SVG imej boleh dicetak dengan kualiti tinggi di mana-mana resolusi
  • SVG imej adalah boleh disaizkan
  • SVG imej dalam penggandaan atau penyesuaian saiz tidak akan kehilangan kualiti mana-mana
  • SVG ialah standar buka
  • SVG fail XML adalah XML

dibuat SVG imej

SVG Imej boleh dibuat dengan mana-mana editor teks, tetapi digunakan program gambar (contohnya InkscapeMembuat imej SVG biasanya lebih mudah.