Raphaël, libreria per grafica vettoriale in Javascript

Raphaël [ˈrafēəl] è una libreria Javascript che ha lo scopo di semplificare la gestione della grafica vettoriale sul web.

SVG e VML sono utilizzati per la realizzazione degli oggetti che possono essere poi personalizzati utilizzando una vostra funzione Javascript per la gestione dei tradizionali eventi DOM relativi. Raphaël è rilasciato sotto licenza MIT e supporta i maggiori browser in circolazione: Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ e Internet Explorer 6.0+.

La documentazione è ben curata così come la struttura del sito e sono presenti numerose dimostrazione che illustrano molto bene le potenzialità di questo progetto. Per la realizzazione di grafici è stato creato un sotto progetto: gRaphaël.

Dopo il salto un esempio di codice.

// 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
circle.attr("stroke", "#fff")


Via | Raphaël

(nessun voto)

4 commenti

Categorie

• Open Source
• Javascript

Articoli simili

sipML5 è un client in JavaScript per chiamate dal browser via WebRTC del 22 mag 2012

NetBeans 7.2 implementa il supporto “nativo” alla sintassi di jQuery del 19 mag 2012

Yahoo! ha “liberato” i sorgenti di Mojito, la libreria in JavaScript del 03 apr 2012

jSlate, un framework per creare dashboard in JavaScript, open source del 26 gen 2012

InkScape: il software per il vettoriale è alla versione 0.48.2 del 28 set 2011

Argomenti Simili

grafica vettoriale javascript, graphaël, raphaël

Gallerie Correlate

• 
  Opera Dragonfly

Commenti dei lettori

• Michele Renda

  27 set 2010 - 11:47 - #1

  0 punti

  

  Post interessante

  Per l’integrazione con il framework GWT vi segnalo questo sottoprogetto:
  http://code.google.com/p/raphaelgwt/

• 

  Franco2bis

  27 set 2010 - 13:26 - #2

  0 punti

  

  Impressionante!
  Direi che ormai javascript+html5 non hanno nulla da invidiare a flash ed actionscript, se non una maggiore velocità di esecuzione dovuta al fatto che il codice è interpretato e non compilato.

• wx

  27 set 2010 - 16:12 - #3

  0 punti

  

  ciao a tutti e scusate l’OT.

  Io sono alla ricerca di una libreria che mi permetta di creare di gauge.
  Ne conoscete qualcuna?

  Grazie

• crapa

  27 set 2010 - 17:31 - #4

  0 punti

  

  Gauge? L’attrice pornografica statunitense?

  Immagino sia un typo, ma sono curioso, google non mi ha aiutato a capire cosa potessi intendere!