jQuery SVG vs. Raphael

Question

Je suis en train de travailler sur une interface interactive à l'aide de SVG et JavaScript/jQuery, et je suis en train de décider entre Raphaël et jQuery SVG. Je voudrais savoir

1. Ce que les compromis entre les deux
2. Où la dynamique de développement semble être.

Je n'ai pas besoin de la VML/IE soutien de Raphaël, ou le tracé des capacités de jQuery SVG. Je suis principalement intéressé par la façon la plus élégante de créer, d'animer, et de manipuler des éléments individuels sur une SVG de la toile.

Answer 1

J'ai récemment utilisé à la fois Raphael et jQuery SVG - et voici mes réflexions:

Raphaël

Avantages: une bonne base de départ de la bibliothèque, facile à faire BEAUCOUP de choses avec SVG rapidement. Bien écrit et documenté. Beaucoup d'exemples et de Démonstrations. Très extensible architecture. Grande animation.

Contre: est une couche sur le réel SVG balisage, il est difficile de faire des choses plus complexes avec SVG, tels que le groupement (il prend en charge les Ensembles, mais pas de groupes). Ne pas faire de grandes w/ modifier des éléments existants.

jQuery SVG

Avantages: un plugin jquery, si vous êtes déjà à l'aide de jQuery. Bien écrit et documenté. Beaucoup d'exemples et de démonstrations. Prend en charge la plupart des éléments SVG, permet un accès natif à des éléments facilement

Inconvénients: architecture pas aussi extensible que Raphaël. Certaines choses pourraient être mieux documenté (comme le configurer de l'élément SVG). Ne pas faire de grandes w/ modifier des éléments existants. S'appuie sur SVG sémantique pour l'animation - qui n'est pas énorme.

SnapSVG comme un pur la version SVG de Raphaël

SnapSVG est le successeur de Raphaël. Il est pris en charge uniquement dans le SVG navigateurs compatibles et prend en charge presque toutes les fonctionnalités de SVG.

Conclusion

Si vous êtes en train de faire quelque chose de rapide et facile, Raphaël est un choix facile. Si vous allez faire quelque chose de plus complexe, j'ai choisi d'utiliser jQuery SVG parce que je peux manipuler la majoration réelle beaucoup plus facile que celle de Raphaël. Et si vous voulez un non-jQuery solution, alors SnapSVG est une bonne option.

Answer 2

Pour la postérité, je voudrais signaler que j’ai fini par choisir Raphael, à cause de l’API propre et prise en charge « libre » de IE et aussi parce que le développement actif semble prometteur (appui à l’événement vient d’être ajoutée à 0,7, par exemple). Cependant, je vais laisser la question sans réponse, et encore, je serais intéressé d’entendre parler des autres expériences à l’aide de Javascript + SVG bibliothèques.

Answer 3

Je suis un grand fan de Raphaël et de la dynamique de développement semble être fort (version 0.85 a été publié à la fin de la semaine dernière). Un autre gros plus, c'est que son développeur, Dmitry Baranovskiy, est actuellement en train de travailler sur un Raphaël cartographie plugin, g de.raphaël, qui ressemble à son promet d'être assez lisse (il y a quelques échantillons de la sortie des premières versions sur Flickr).

Cependant, il suffit de jeter un autre rival possible dans le SVG bibliothèque mélange, Google SVG Web semble très prometteur en effet (même si je ne suis pas un grand fan de Flash, qui l'utilise pour se rendre dans la non-conformes SVG navigateurs). Probablement l'un à regarder, surtout avec la prochaine SVG Ouvrir la conférence.

Answer 4

Raphaël est certainement plus facile à mettre en place et y aller, mais notez qu’il existe des façons d’exprimer les choses en SVG qui ne sont pas possibles à Raphaël. Comme indiqué plus haut il n’y a pas de « groupes ». Cela implique que vous ne peut pas implémenter des couches de coordonner les intéressent. Au lieu de cela il existe seule transformation coordonnée.

Si votre conception dépend des transformations de coordonnées imbriquées, Raphaël n’est pas pour vous.

Answer 5

Oh Raphael a évolué considérablement depuis juin. Il y a une nouvelle bibliothèque de graphiques qui peut travailler avec elle et ce sont très accrocheur. Raphaël également prend en charge la syntaxe de tracé SVG complet et intègre méthodes chemin vraiment avancé. Venez voir 1.2.8+ sur mon site (Shameless plug) et puis rebondir au site de la Dmitry a partir de là. http://www.irunmywebsite.com/Raphael/raphaelsource.html