Was ist besser und warum? RaphaelJS oder HTML5 Canvas?
-
10-07-2019 - |
Frage
Ich fand eine Vektor-Bibliothek im Internet, die auch bei IE6 funktioniert!
http://raphaeljs.com/index.html
Es ist erstaunlich.
Nun meine Frage ist es besser als der kommende HTML5
Und wird es noch länger, bis alle IE-Benutzer über das Internet von ihren alten Browsern loszuwerden, damit wir auch die HTML5
Ich bin alles über Standards kleben, aber dies ist einfach zu lang gehen zu nehmen, dank langsamer Entwicklung ihres Browsers MS.
Die Gedanken?
Lösung
Raphael ist ein Vektorgrafikbibliothek, geschah mit SVG, während HTML5-Canvas-Bitmap-Grafiken.
Wenn Sie Vektorgrafiken tun wollen, glaube ich, mit Raphael gehen ist wahrscheinlich eine gute Wahl über „nur“ Leinwand. Wie Sie sagen, funktioniert Leinwand nicht ganz mit IE und es wird wahrscheinlich eine Weile dauern, bis es nativ unterstützt wird. Wenn Raphael tut, was Sie brauchen, gibt es keinen besonderen Grund, es nicht zu benutzen.
Zu beachten ist, dass es auch andere Bibliotheken für diesen: excanvas, die Leinwand für IE VML (soweit ich weiß), und auch einige anderen emuliert, die gleich mit Silverlight und Flash-tun, aber ich habe vergessen, ihre Namen <. / p>
Es gibt auch Dojo, die zum Abstrahieren Leinwand Verwendung hinter einer leicht eine Komponente aufweist Schnittstelle zu verwenden, die auch IE unterstützt.
Mit nativer Leinwand in allen Browsern nicht die Bibliotheken obsolet, da die Bibliotheken in der Regel abstrakt einige der Leinwand Komplexität weg machen, so dass die Nutzung zu erleichtern.
Andere Tipps
SVGWeb ( http://code.google.com/p/svgweb/ ) von Google ist das, was Sie wollen. Es macht IE kompatibel mit SVG, die der Standard ist, und der alle anderen gängigen Browsern bereits unterstützen. Mit anderen Worten, wie Google sagen: „die Bibliothek verwenden und nativer SVG Unterstützung, die Sie sofort ~ 95% der vorhandenen installierten Web-Basis ausrichten können.“
Und Sie können benutzen http://code.google.com/p/explorercanvas/, die die HTML5 Canvas Standard-in IE implementiert. Alles, was Sie tun, ist hinzuzufügen:
<head>
<!--[if IE]><script src="excanvas.js"></script><![endif]-->
</head>
Der Unterschied zwischen Canvas und SVG erklärt sich wie folgt:
SVG und Canvas ist nicht wirklich auswechselbare Technologien. SVG ist ein Art der Retained Mode Grafiken wo alles wird von einem eher gezeichnet abstraktes Modell (das SVG-Dokument). Leinwand auf der anderen Seite ist eine Art unmittelbare Modus Grafiken, in denen es kein Modell ist und der Kunde (JavaScript) muss kümmern Nachziehen, Animationen etc.
Die Antwort hängt davon ab, was Sie brauchen:
-
Wenn Sie Event-Handler auf die grafischen Objekte hinzufügen müssen: Sie müssen SVG verwenden. Else Leinwand.
-
, wenn keine Ereignisse erforderlich sind, ist Leistung wichtig. Wenn ja, dann Leinwand 5
Beachten Sie, dass IE 9 unterstützt Canvas und bietet Unterstützung mehr HTML 5 zu anderen Browsern vergleichen!
wurde für „raphael vs Leinwand“ Suche den Beitrag hier ist 5 Jahre alt. Hat sich etwas seitdem chaneged? Ist raphael obsolet?