Skip to content

emka.web.id

Menu
  • Home
  • Indeks Artikel
  • Tutorial
  • Tentang Kami
Menu

Raphael++

Posted on March 24, 2012 by Syauqi Wiryahasana
RaphaelJS merupakan salah satu pure javascript library yang sekarang sedang naik daun. Dmitry sebagai pembuatnya, memberikan presentasi yang luar biasa pada JSConf kemarin dan setelah diperkenalkan secara luas, hampir semua orang yang mencobanya memang sangat terpesona. Beberapa posting tentang RaphaelJS juga cukup banyak dikunjungi kog. Salah satunya tulisan Trotter Cashion yang mengulas tentang kecintaanya pada library kecil ini yang kemudian dilanjutkan dengan artikel baru tentang percobaannya menggunakan Raphael plus beberapa hack kecil. Untuk membuat sebuah abstraksi panah misalnya, JQuery telah memiliki plugin sendiri. Nah, untuk RaphaelJS, kita cukup menulis beberapa baris fungsi saja! Luar biasa. [code lang="javascript"] Raphael.fn.arrow = function (x1, y1, x2, y2, size) { var angle = Math.atan2(x1-x2,y2-y1); angle = (angle / (2 * Math.PI)) * 360; var arrowPath = this.path(“M” + x2 + ” ” + y2 + ” L” + (x2 - size) + ” ” + (y2 - size) + ” L” + (x2 - size) + ” ” + (y2 + size) + ” L” + x2 + ” ” + y2 ).attr(“fill”,”black”).rotate((90+angle),x2,y2); var linePath = this.path(“M” + x1 + ” ” + y1 + ” L” + x2 + ” ” + y2); return [linePath,arrowPath]; } [/code] Contoh lebih nyata, silakan lihat contoh luar biasa dari om Thomas Fuch berikut: http://pepsicozeitgeist.com/trends
Seedbacklink

Recent Posts

TENTANG EMKA.WEB>ID

EMKA.WEB.ID adalah blog seputar teknologi informasi, edukasi dan ke-NU-an yang hadir sejak tahun 2011. Kontak: kontak@emka.web.id.

©2024 emka.web.id Proudly powered by wpStatically