Co jest lepsze i dlaczego? RaphaelJS czy HTML5 Canvas?

Znalazłem w Internecie bibliotekę wektorową, która działa nawet z IE6!

Http://raphaeljs.com/index.html

To niesamowite.

Teraz moje pytanie czy jest lepszy niż nadchodzący HTML5 ? Jedynym powodem, dla którego pytam, jest to, że może minąć lata, zanim Microsoft zaimplementuje , który nie wymaga wtyczki do jego uruchomienia.

I będzie jeszcze dłużej, dopóki wszyscy użytkownicy IE w Internecie nie pozbędą się swoich starych przeglądarek, abyśmy mogli nawet uzasadnić korzystanie z HTML5 .

Jestem za trzymaniem się standardów, ale to zajmie zbyt długo, dzięki powolnemu rozwojowi przeglądarki MS.

Myśli?

Author: leeand00 , 2009-09-18

5 answers

Raphael jest biblioteką grafiki wektorowej, wykonaną przy użyciu SVG, podczas gdy HTML5 canvas jest Grafiką bitmapową.

Jeśli chcesz robić grafikę wektorową, myślę, że pójście z Rafaelem jest prawdopodobnie dobrym wyborem niż "tylko" płótno. Jak mówisz, canvas nie do końca działa z IE i prawdopodobnie minie trochę czasu, zanim będzie natywnie wspierany. Jeśli Raphael robi to, czego potrzebujesz, nie ma szczególnego powodu, aby go nie używać.

Zauważ, że istnieją również inne biblioteki do tego: Excanvas, które emulują canvas dla IE za pomocą VML (o ile wiem), a także kilka innych, które robią to samo z Silverlight i Flash, ale zapomniałem ich nazwy.

Istnieje również Dojo, które ma komponent do abstrakcyjnego użycia canvas za łatwym w użyciu interfejsem, który obsługuje również IE.

Posiadanie natywnego płótna we wszystkich przeglądarkach nie spowoduje, że biblioteki staną się przestarzałe, ponieważ biblioteki Zwykle usuwają niektóre zawiłości płótna, co ułatwia korzystanie z nich.

 20
Author: Jani Hartikainen,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-09-17 21:43:46

SVGWeb ( http://code.google.com/p/svgweb / ) przez Google jest to, czego chcesz. Sprawia, że IE jest kompatybilny z SVG, który jest standardem i który wszystkie inne popularne przeglądarki już obsługują. Innymi słowy, jak mówi google: "korzystając z biblioteki Plus natywnej obsługi SVG, możesz natychmiast skierować ~95% istniejącej zainstalowanej bazy internetowej."

 5
Author: Lee B,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-09-17 22:07:15

I możesz użyć http://code.google.com/p/explorercanvas/ który implementuje standard HTML5 Canvas w IE. Wystarczy dodać:

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

Różnica między kanwą a SVG jest wyjaśniona w następujący sposób:

SVG i canvas nie są tak naprawdę wymienne technologie. SVG to rodzaj grafiki w trybie zatrzymanym, w którym wszystko jest zaczerpnięte z raczej model abstrakcyjny (dokument SVG). Płótno z drugiej strony jest rodzajem tryb natychmiastowy grafika, gdzie tam nie jest modelem, a Klient (JavaScript) musi zadbać o przerysowanie, animacje itp.

 5
Author: Mohamed Mansour,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-12-24 17:39:24

Odpowiedź zależy od tego, czego potrzebujesz:

  • Jeśli chcesz dodać do obiektów graficznych programy obsługi zdarzeń: musisz użyć SVG. Else Canvas.

  • Jeśli nie są potrzebne żadne zdarzenia, wydajność jest ważna: jeśli tak, to Canvas 5.

Zauważ, że IE 9 obsługuje Canvas i oferuje więcej wsparcia HTML 5 w porównaniu do innych przeglądarek!

 4
Author: David K,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-05-21 08:37:29

Szukano "raphael vs canvas" post tutaj ma 5 lat. Czy od tego czasu coś się zmieniło? Czy raphael obsolett?

 0
Author: henk,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-01-28 22:51:35