SVG adalah singkatan dari Scalable Vector Graphics dan adalah format file baru kepada menampilkan grafik dalam pengembangan web yang berbasis XML (eXtensible Markup Language).[2]
Pendahuluan
SVG telah direkomendasikan oleh World Wide Web Consortium (W3C) kepada menampilkan grafik serta mendeskripsikan gambar 2 dimensi dalam pengembangan web yang berbasis XML.[3] SVG memperbolehkan tiga tipe dari obyek grafis, yaitu bentuk vektor grafis (misalkan jalur yang terdiri dari garis lurus dan kurva), gambar dan teks. Hasil dari SVG dapat juga interaktif dan dinamis. Animasi dapat diberikan definisi dan ditimbulkan secara menempelkan elemen animasi SVG pada konten SVG) atau dengan menggunakan skripting. SVG dapat digunakan kepada berproduksi bermacam-macam variasi dari obyek grafis, dan juga menyediakan bentuk dasar umum seperti bujur sangkar dan elips. SVG memberikan pengendalian kualitas melintas sistem koordinat dari obyek grafis yang telah diberikan definisi dan transformasi yang akan digunakan selama babak render.[4]
Penyimpanan berkas (file) SVG dipertontonkan dengan prosedur memberi nama ekstensinya dengan “.svg” (memakai huruf kecil semua), dan kepada mengamankan file SVG yang terkompresi memakai ekstensi “.svgz” (semua memakai huruf kecil).[3]
Keuntungan Pemanfaatan SVG
Contoh gambar .svg
Keuntungan pemanfaatan SVG dibanding format gambar yang lain[5] :
- File sumber SVG dapat dibaca dan modifikasi dengan menggunakan hampir semua tool/text (misalnya notepad).
- File sumber SVG berukuran bertambah kecil dan dapat dikompresi dibanding dengan format gambar JPEG dan GIF.
- Gambar dalam format SVG bersifat scalable/diresizing.
- Gambar dalam format SVG dapat dicetak dengan kualitas yang tinggi dan sesuai baiknya pada berbagai resolusi.
- Gambar dalam format SVG bersifat zoomable. Setiap anggota dari gambar dapat di zoom tanpa degradasi kualitas.
- Text dalam SVG “selectable” dan “searchable” (sangat berjasa dalam peta).
- SVG dapat bekerja dengan Teknologi Java.
- SVG adalah “open standard”.
- SVG adalah murni XML.
Perangkat Pendukung
Bekerja sesuai dengan W3C, Adobe menjadi pendukung utama pengembangan SVG. Perusahaan ini membentuk perangkat (tool) yang menggenerasikan gambar langsung ke kode SVG, yaitu ADOBE Illustrator, selain itu tidak kekurangan juga Adobe GoLive kepada mengedit kode SVG. Selama itu, COREL juga memproduksi software pendukung SVG.[2]
Contoh File SVG
“Hello World” dalam SVG memiliki kode seperti di bawah ini :[2]
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD svg 20000303 Stylable//EN"
"http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303 stylable.dtd">
<svg width="100px" height="50px">
<text style="fill:red" x ="10" y="20">Hello World !</text>
</svg>
Setelah disimpan dalam format .svg, file tersebut dapat dibentangkan oleh browser.
Sumber acuan
- ^ M Media Type registration for image/svg+xml
- ^ a b c Mohammad Athar Januar, Pengantar Scalable Vector Graphics (SVG) (2008). ilmukomputer.org
- ^ a b Yudha Widiatmoko, Fathul Wahid (2006), APLIKASI WEB DATA SPASIAL KEPENDUDUKAN INDONESIA DENGAN SCALABLE VECTOR GRAPHICS (SVG), Media Informatika. ISSN: 0854-4743
- ^ Beny Yulkurniawan Victorio Nasution (2005) PERANCANGAN DAN PEMBUATAN SISTEM KONVERSI DATA GEOGRAFIS PADA REHABILITASI HUTAN DAN LAHAN ABUPATEN KUTAI BARAT BERBASIS XML DAN JAVA Diakses pada 08 Mei 2010.
- ^ ilmu-komputer.net Pengantar SVG Diakses pada 08 Mei 2010.
Pranala luar
- (Inggris) SVG di situs W3C
- (Inggris) SVG.org
- (Inggris) SVGX
- (Inggris) SVGBasics
Standard dari W3C (Konsorsium Waring Wera Wanua) |
---|
| Produk dan standar | |
---|
| Organisasi | World Wide Web Foundation · SVG Working Group · WebOnt · W3C Device Description Working Group · WHATWG |
---|
| Perangkat lunak | Agora · Argo · Arena · Amaya · CERN httpd · Libwww · Line Mode Browser |
---|
| Konferensi terkait | IW3C2 · World Wide Web Conference · WWW1 |
---|
|
Sumber :
pasar.kucing.biz, wiki.edunitas.com, id.wikipedia.org, civitasbook.com (Ensiklopedia), dan sebagainya.