Kineticjs vs Raphaeljs

Question

Je commence un nouveau projet en utilisant HTML5. KineticJS et RaphaelJS sont deux des outils graphiques les plus populaires. Si vous avez déjà utilisé ces outils, avez-vous des conseils? Quelles fonctionnalités offrent-ils et y a-t-il un avantage à utiliser l’une sur l’autre?

Par exemple, seul RaphaelJS fonctionne sur les anciens navigateurs (mais ce n’est pas une fonctionnalité dont j’ai besoin).

Answer 1

La plus grande différence entre RaphaelJS et KineticJS est que RaphaelJS utilise SVG et KineticJS utilise HTML5 Canvas pour la visualisation.
Donc, cela dépend vraiment de quel type de projet vous êtes en train de faire.

Voici quelques liens utiles qui vous devriez vérifier concernant SVG vs Toile:

• Réflexions sur quand utiliser Canvas et SVG (également décrit une approche hybride)
• Simon Sarris excellente réponse dans ce stackoverflow thread (j'ai aussi posté quelques repères entre SVG et canvas dans le même thread)

Pour résumer:

• Si vous voulez créer des graphiques interactifs j'irais avec RaphaelJS, car il est plus facile de le faire avec SVG (KineticJS permet de fournir un résumé de l'API qui devrait rendre assez facile à faire aussi).
• Si vous souhaitez visualiser un grand nombre de formes et des objets, je vous recommande d'utiliser KineticJS toile échelles habituellement mieux avec un grand nombre de formes et des objets à tirer et KineticJS utilise plusieurs couches pour améliorer les performances de rendu.