Raphaël
Raphaël ist eine Bibliothek für JavaScript die eine Vielzahl von Funktionen zur Erstellung von Vektorgrafiken bereitstellt.
Die unter der MIT-Lizenz stehende Bibliothek funktioniert auf allen gängigen Browsern (Firefox 3.0+, Safari 3.0+, Opera 9.5+ und Internet Explorer 6.0+ ) und ist sehr einfach zu bedienen. Hier mal ein kleines Beispiel direkt von der Homepage:
// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);
// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");
// Sets the stroke attribute of the circle to white (#fff)
circle.attr("stroke", "#fff");
var paper = Raphael(10, 50, 320, 200);
// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");
// Sets the stroke attribute of the circle to white (#fff)
circle.attr("stroke", "#fff");
Mit der Bibliothek sind eine Vielzahl beeindruckender Sachen direkt über JavaScript möglich. Auf der Homepage finden sich z.B. Demos die rotierende Bilder, animierte Diagramme, morphende Buchstaben und vieles mehr zeigen.
Wer sich für das Thema Grafik+JavaScript interessiert sollte sich Raphaël unbedingt anschauen.
Einen interessanten Tweet zu dem Thema von Thomas Fuchs (“Mr. Scriptaculous”):
@thomasfuchs interesting use of lesser-known JavaScript operators in @raphaeljs — double bitwise NOT to Math.floor a positive float: ~~1.5
Ich werd’s mir auf jeden Fall mal ansehen.
Einige der Demos kamen mir von github bekannt vor… Und dann fiel mir auf, dass in der Adresse auch “github/” auftauchte
Ich find sie da schon cool
Sehr spannend.