Diperbarui 31 Maret 2010 oleh Dani Iswara
SVG atau Scalable Vector Graphics adalah salah satu standar W3C. SVG 1.1 yang dirilis sekitar tahun 2003 merupakan versi terkini. Menurut situs resminya tersebut, SVG adalah bahasa yang berusaha menyajikan grafis 2 dimensi dalam format XML.
Saat ini dimungkinkan 3 jenis objek grafis:
- bentuk grafis vektor (misalnya berupa garis lurus dan kurva),
- gambar, dan
- teks.
Objek grafis tersebut dapat dikelompokkan, diatur tampilannya, ditransformasikan dan dikomposisikan dengan objek lain. Pun dikombinasikan dengan transformasi bertingkat, efek ‘filter’, warna gradasi, dan kliping tertentu.
Di situs pengembang Mozilla dijelaskan status pengembangan SVG di Firefox. Untuk animasi SVG, kemampuan Firefox masih kalah dibandingkan Opera dan Safari terbaru.
Berikut ini contoh interaksi SVG. Kode sumber diambil dari salah satu koleksi SVG 1.1 dan SVG Mobile Test Suite versi tahun 2006. Disesuaikan seperlunya.
Arahkan kursor tetikus/’mouse’ di atas gambar berbasis .svg
berikut. Bentuk kursor tetikus akan menyesuaikan dengan area dimaksud.
Gambar berbasis SVG | |
---|---|
Gambar berbasis .jpg | ![]() |
Tolong, jangan hotlinking. Silakan sesuaikan lokasi berkas .svg
jika ingin mencobanya sendiri di situs anda.
6 tanggapan untuk “Mencoba SVG di Peramban Web Firefox”
Wah, pantesan kemarin serius amat, he he… :D
Saya pakai fx, sepertinya memang sudah tampak bagus, memang kekurangannya di mana Bli?
Cahya,
sebenarnya mau coba yang animasi, tapi ternyata susah masangnya di wordpress. Untuk SVG yang tidak terlalu dinamis ini, Firefox mash boleh lah. Belum ada masalah berarti.
[…] Penyajian gambar vektor berbasis teks (<abbr lang=”en” title=”Scalable Vector Graphics”>SVG</abbr>) relatif lebih mudah diakses walau tampilan gambar dinonaktifkan. Baca kembali Mencoba SVG di peramban Firefox. […]
Numpang nge-tes Minefield Alpha… :)
Sepertinya ga ada yang berbeda…
Cahya,
nyobain Iron yang bentar lagi di-update ama si Kyle Baker. :P
[…] Iswara .com titled (in bahasa Indonesia) Menulis Matematika di Weblog WordPress dengan MathML and Mencoba SVG di Peramban Web Firefox. Or googling […]