Mencoba SVG di Peramban Web Firefox

Noted: Monday, March 29, 2010 at 21:05:07. Words count: 192.
Last updated: Wednesday, March 31, 2010 at 22:02:08.

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.

Tabel 1. Interaksi tetikus dengan SVG.
Gambar berbasis SVG
Gambar berbasis .jpg Gambar perbandingan.

Tolong, jangan hotlinking. Silakan sesuaikan lokasi berkas .svg jika ingin mencobanya sendiri di situs anda.

Dani Iswara, [myfirstnamelastname]@gmail.com.

6 comments to "Mencoba SVG di Peramban Web Firefox"

  1. Cahya

    Wah, pantesan kemarin serius amat, he he… :D

    Saya pakai fx, sepertinya memang sudah tampak bagus, memang kekurangannya di mana Bli?

  2. dani

    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.

  3. Penulisan Elemen ABBR yang Aksesibel - Unessential Weblog

    […] 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. […]

  4. Cahya

    Numpang nge-tes Minefield Alpha… :)
    Sepertinya ga ada yang berbeda…

  5. dani

    Cahya,
    nyobain Iron yang bentar lagi di-update ama si Kyle Baker. :P

  6. The Future of SVG-HTML5 on Firefox – Unessential Weblog

    […] Iswara .com titled (in bahasa Indonesia) Menulis Matematika di Weblog WordPress dengan MathML and Mencoba SVG di Peramban Web Firefox. Or googling […]