raphael.js vs paper.js
Quelles sont les principales différences entre raphael.js et paper.js?
Il d'autres libs que je devrais regarder? Tout comme ces qui mettent davantage l'accent sur CSS3 puis SVG?
Merci!
Vous devez vous connecter pour publier un commentaire.
Raphaël utilise SVG. L'utilisation de papier Toile.
C'est la différence majeure.
En termes de ce que vous pouvez faire avec eux, Canvas et SVG ont chacun leur propre place, et sont bonnes pour différentes choses (même si ils sont à la fois capable de faire des uns et des autres chose si vous demandez à un). À partir d'un point de vue purement fonctionnel, vous devez tenir compte de ce que vous voulez faire avec la bibliothèque avant de vous décider lequel vous aller avec.
De compatibilité de votre navigateur va être un gros problème, quel que soit celui que vous utilisez. Ce sera peut-être un problème plus important que la fonctionnalité, en fait.
Raphaël a un avantage sur le bureau, car il détecte les anciennes versions d'IE (aussi loin que IE6) et retombe à l'aide de VML au lieu de SVG. Cela signifie qu'il a une excellente compatibilité sur virtualyl tous les navigateurs de bureau. La toile n'est tout simplement pas pris en charge sur les anciens S, et la Paper.js les gens n'ont pas vraiment l'air trop inquiet à ce sujet.
Mais sur les mobiles, Paper.js peut-être mieux, parce que la Toile a beaucoup plus de soutien sur les mobiles de SVG. SVG n'est pas pris en charge sur la plupart des appareils Android à tous. C'est en train de changer: Android 3.0 a introduit le support SVG, mais la plupart des appareils Android vendus, même maintenant venir avec v2.x, donc ça va être un certain temps avant que vous pouvez compter sur de travail SVG sur un mobile.
Pour plus d'infos sur la prise en charge du navigateur, consultez la CanIUse site:
Espère que ça aide.
La différence la plus évidente est que Raphael cibles SVG, Papier et objectifs de l'élément Canvas. Il apparaît également que le Papier a beaucoup plus de fonctionnalités avancées, tandis que Raphaël est juste de base SVG éléments, qui peuvent ensuite être étendues avec des plugins. Sans doute, il dépend plus de votre besoin, et dont les environnements que vous voulez cibler. Toile fonctionne bien sur certains navigateurs mobiles, SVG peine de travaux sur mobile à tous les environnements.
Comme un autre côté remarque: SVG, que je suis au courant, n'est pas l'accélération matérielle dans IE (9) ou Firefox, et, encore une fois, si ma mémoire n'est pas faute de m', la Toile est, au moins dans IE (9). Comme pour IE 8 et ci-dessous, vous avez besoin d'un plugin de navigateur, la plupart ont, mais il s'agit d'une dépendance à attendre.
Oui, vous devriez jeter un oeil à processing.js!
Et en passant, voici une excellente comparaison entre raphael.js, paper.js et processing.js:
http://coding.smashingmagazine.com/2012/02/22/web-drawing-throwdown-paper-processing-raphael/
Et même la comparaison avec le code de le même effet:
http://zgrossbart.github.com/3gears/
Si vous avez de l'expérience en développement Flash, vous pourriez envisager de easel.js qui vous fournit avec certains d'affichage de flash mécanismes. Chevalet ressemble à un très beau lib pour moi.
Une autre bibliothèque intéressante est processingjs, contrairement aux autres libs processingjs fait aussi de la 3d. (C'est aussi bon à la 2d.) Contrairement au papier, de raphaël et de chevalet, la transformation ne pas gérer l'interaction de l'utilisateur de la boîte.
Les deux bibliothèques de l'utilisation de la toile.