SVG image and animation using Raphael JavaScript API

Noted: Friday, August 20, 2010 at 16:41:54. Words count: 198.
Last updated: Monday, August 30, 2010 at 11:02:59.

Trying Scalable Vector Graphic (SVG) plus Raphael JavaScript by Dmitry Baranovskiy. Currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+. Users may enjoy combination of SVG text-based-images and animations in the compatible world. Below is sample of static gradation.

Source modified from: Raphael: a JavaScript API for SVG by Dmitry Baranovskiy, published on dev.opera.com, 2009. View custom animation of the spin here, its original and official source.

More example and demo are available on its official site, Raphael JavaScript.

Dani Iswara, [myfirstnamelastname]@gmail.com.

8 comments to "SVG image and animation using Raphael JavaScript API"

  1. ganda

    Bli Dani,
    Saya mau tanya, plugin SVG untuk IE yang bagus apaan ya? Saya mencoba membuka SVGDemo.xml(Mozilla Developer) dari IE kok yang nampil malah tag-tagnya. Saya menggunakan IE 8 Bli.

  2. dani

    ganda,
    Biasanya di situsnya Microsoft lebih jelas rekomendasinya.

  3. ganda

    Gak nemu dok. IE8 saya selalu menampilkan tag xml itu.

  4. dani

    ganda,
    Ah ya, ternyata ‘Adobe SVG Viewer’ sudah dihentikan pengembangan dan dukungannya per awal 2009. Jadi solusi satu-satunya saat ini untuk pengguna Internet Explorer agar dapat menikmati konten SVG: ganti peramban Web. :) Daripada jadi tua duluan menunggu dukungan natif MSIE 9 terhadap standar SVG.

  5. ganda

    Dani,
    Iya. Tadi ada saya baca juga mengenai itu. Hal yang sangat disesalkan oleh pak Tim B Lee, kurangnya dukungan IE terhadap SVG. Ada memang plugin yang lain, tapi seperti kata beliau, tidak ada plugin SVG di IE yang sudah “mature”. Akhirnya, saya menyerah dengan IE. Solusinya hanya menunggu IE9 keluar. Mudah2an saja di support penuh langsung tanpa pengaya. Saat ini yang terbaik bagi saya, ya Safari. :D

  6. dani

    ganda,
    Ya banyak berdoa saja untuk IE9.

  7. ganda

    Berdoa dimulai.

  8. aldy~PF

    Do’anya sudah dikabulkan kok, MSIE9 mendukung penggunaan SVG tanpa perlu pengaya lagi.