Raphaël JS, une librairie Javascript vectorielle
Par Bastien Labelle le samedi, décembre 5 2009, 15:22 - Dév - Lien permanent
Raphael JS, c'est une librairie Javascript Open Source, qui permet de manipuler des objets SVG et facilite ainsi la manipulation d'objets vectoriels, comme on peut le voir dans la démo ci-dessous (cliquez sur l'image pour avoir un aperçu de ce que ça donne en live).
Le rendu est tout simplement bluffant, et la fluidité (du moins sous Firefox) est exceptionnelle, autant dire que cette librairie Javascript n'a absolument rien à envier à Flash.
On utilise malheureusement trop souvent le Flash pour afficher des données vectorielles. Google Analytics est l'exemple parfait, où les graphiques sont générés grâce à du Flash. Pourtant, on oublie très souvent qu'il existe des standards autour des données vectorielle, le SVG qui est notamment géré par Raphael JS. On l'a récemment vu assez souvent, couplé à du Javascript, cela peut donner de très belles choses, je pense notamment au Chrome Experiments, la galerie de démonstration de Javascript de Google pour son navigateur.
Espérons qu'à l'avenir, de plus en plus de solutions telles que Raphael JS soient implémentées, pour un web plus propre!
Il y a 5 commentaires
SVG n'a jamais décollé. C'est dommage car plutôt utile. Mais avec l'arrivée du HTML5 et de Canvas, il faut regarder vers l'avenir. Et si ça veut dire utiliser Flash en attendant que Canvas soit présent sur la majorité des navigateurs, je n'y vois pas d'inconvénient.
Pims: oui, mais le <canvas> produit du bitmap et n'est donc pas vectoriel et a donc une utilisation différente (ceci dit, on spécifie toujours la taille en général, donc bon, j'avoue que mon argument est un peu bidon)
Scout Labs a commencé a les utiliser pour leurs graphs, et c'est vraiment bien fait et tellement meilleur que des images statiques. Tu peux voir un exemple ici: http://www.scoutlabs.com/2009/11/25...
A quand sur OB ?
Mathieu: Je confirme, c'est vraiment très cool
Laurent: Je me suis demandé la même chose