Quel est le meilleur et pourquoi? RaphaelJS ou HTML5 Canvas?

StackOverflow https://stackoverflow.com/questions/1441427

Question

J'ai trouvé sur Internet une bibliothèque de vecteurs qui fonctionne même avec IE6!

http://raphaeljs.com/index.html

C'est incroyable.

Maintenant, ma question est-elle préférable au futur HTML5 < canvas > ;? La seule raison pour laquelle je pose la question est que plusieurs années pourraient s'écouler avant que Microsoft ne mette en œuvre un & Lt; canvas & Gt; cela ne nécessite pas de plugin pour fonctionner.

Et ce sera encore plus long jusqu'à ce que tous les utilisateurs d'IE sur Internet se débarrassent de leurs anciens navigateurs afin que nous puissions même justifier l'utilisation de HTML5 < canvas > ;.

Je ne veux que respecter les normes, mais celle-ci va prendre trop de temps, grâce au lent développement de MS dans leur navigateur.

Pensées?

Était-ce utile?

La solution

Raphael est une bibliothèque de graphiques vectoriels, réalisée avec SVG, alors que le canevas HTML5 est un graphique bitmap.

Si vous voulez faire des graphiques vectoriels, je pense qu'utiliser Raphael est probablement un bon choix plutôt que & "juste &"; Toile. Comme vous le dites, canvas ne fonctionne pas tout à fait avec IE et il faudra probablement attendre longtemps avant que ce dernier ne soit pris en charge de manière native. Si Raphael fait ce dont vous avez besoin, il n’ya aucune raison particulière de ne pas l’utiliser.

Notez qu'il existe également d'autres bibliothèques pour cela: Excanvas, qui émule un canevas pour IE à l'aide de VML (pour autant que je sache), ainsi que d'autres qui font la même chose avec Silverlight et Flash mais j'ai oublié leurs noms.

Il existe également Dojo, qui contient un composant permettant de résumer l’utilisation de la toile derrière une interface simple à utiliser, qui prend également en charge Internet Explorer.

Le fait d’avoir un canevas natif dans tous les navigateurs ne rendra pas les bibliothèques obsolètes, car elles résument généralement certaines des complexités du canevas, ce qui facilite leur utilisation.

Autres conseils

SVGWeb ( http://code.google.com/p/svgweb/ ) par Google est ce que vous voulez. Il rend IE compatible avec SVG, qui est la norme, et que tous les autres navigateurs traditionnels supportent déjà. En d'autres termes, comme le dit Google, & "Utilisation de la bibliothèque et du support SVG natif, vous pouvez cibler instantanément environ 95% de la base Web installée existante. &";

Et vous pouvez utiliser http://code.google.com/p/explorercanvas/ qui implémente HTML5 Canvas Standard dans IE. Tout ce que vous faites est d’ajouter: 

<head>
<!--[if IE]><script src="excanvas.js"></script><![endif]-->
</head>

La différence entre Canvas et SVG s’explique comme suit:

  

SVG et la toile ne sont pas vraiment   technologies interchangeables. SVG est un   type de graphique en mode retenu où   tout est tiré d'un plutôt   modèle abstrait (le document SVG).   La toile, en revanche, est une sorte de   mode graphique immédiat, là où   n'y a pas de modèle et le client   (JavaScript) doit prendre en charge   redessiner, animations, etc.

La réponse dépend de ce dont vous avez besoin:

  • si vous devez ajouter des gestionnaires d'événements aux objets graphiques: vous devez utiliser SVG. Autre toile.

  • Si aucun événement n'est nécessaire, la performance est importante: si oui, Canvas 5.

Notez que IE 9 prend en charge Canvas et offre davantage de fonctionnalités HTML 5 par rapport aux autres navigateurs!

cherchait " raphael vs canvas " le poste a 5 ans. Quelque chose a mal tourné depuis? Raphael est-il obsolète?

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top