38 votes

raphael.js vs paper.js

Quelles sont les principales différences entre raphael.js et paper.js?

Y at-il d'autres libs là-bas que je devrais regarder? Tous ceux comme ceux qui se concentrent plus sur CSS3 que SVG?

Merci!

52voto

Spudley Points 85371

Raphaël utilise SVG. L'utilisation de papier de 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 allez avec.

Compatibilité du 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érons que cela aide.

8voto

drwelden Points 4263

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.

6voto

mnowotka Points 2655

Existe-il d'autres libs que je devrais regarder?

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 comparaison au code de le même effet: http://zgrossbart.github.com/3gears/

2voto

metatron Points 140

Existe-il d'autres libs que je devrais regarder?

Si vous avez de l'expérience en développement Flash, vous pourriez envisager d' easel.js qui vous fournit avec certains d'affichage de flash mécanismes. Chevalet ressemble à un très beau lib pour moi.

Un autre élément intéressant de la bibliothèque 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.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X