Quale è meglio e perché? RaphaelJS o HTML5 Canvas?
https://stackoverflow.com/questions/1441427
-
10-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianDomanda
Ho trovato una libreria vettoriale su Internet che funziona anche con IE6!
http://raphaeljs.com/index.html
È fantastico.
Ora la mia domanda è migliore del prossimo HTML5 < canvas > ;? L'unico motivo per cui chiedo è che potrebbero passare anni prima che Microsoft implementi un & Lt; canvas & Gt; che non richiede un plug-in per l'esecuzione.
E ci vorrà ancora più tempo prima che tutti gli utenti di Internet Explorer su Internet si sbarazzino dei loro vecchi browser in modo che possiamo persino giustificare l'uso di HTML5 < canvas > ;.
Sto rispettando gli standard, ma questo richiederà troppo tempo, grazie al lento sviluppo del browser da parte di MS.
Pensieri?
Soluzione
Raphael è una libreria di grafica vettoriale, realizzata utilizzando SVG, mentre la tela HTML5 è grafica bitmap.
Se vuoi fare grafica vettoriale, penso che andare con Raphael sia probabilmente una buona scelta rispetto a " solo " tela. Come dici tu, canvas non funziona con IE e probabilmente ci vorrà un po 'prima che sia supportato nativamente. Se Raphael fa quello che ti serve, non c'è motivo particolare per non usarlo.
Nota che ci sono anche altre librerie per questo: Excanvas, che emula canvas per IE usando VML (per quanto ne so), e anche alcuni altri che fanno lo stesso con Silverlight e Flash, ma ho dimenticato i loro nomi.
C'è anche Dojo, che ha un componente per astrarre l'utilizzo della tela dietro un'interfaccia facile da usare, che supporta anche IE.
Avere canvas nativo in tutti i browser non renderà obsolete le librerie, dal momento che le librerie di solito astraggono alcune complessità della tela, rendendo l'uso più semplice.
Altri suggerimenti
SVGWeb ( http://code.google.com/p/svgweb/ ) da Google è quello che vuoi. Rende IE compatibile con SVG, che è lo standard e che tutti gli altri browser mainstream già supportano. In altre parole, come dice Google, & Quot; Utilizzando la libreria più il supporto SVG nativo è possibile indirizzare istantaneamente ~ 95% della base web installata esistente. & Quot;
E puoi utilizzare http://code.google.com/p/explorercanvas/ che implementa HTML5 Canvas Standard in IE. Tutto ciò che fai è aggiungere:
<head>
<!--[if IE]><script src="excanvas.js"></script><![endif]-->
</head>
La differenza tra Canvas e SVG è spiegata come segue:
SVG e canvas non sono davvero tecnologie intercambiabili. SVG è un tipo di grafica in modalità mantenuta dove tutto è tratto da un piuttosto modello astratto (il documento SVG). La tela invece è una specie di grafica in modalità immediata, dove c'è non è un modello e il client (JavaScript) deve occuparsene ridisegno, animazioni ecc.
La risposta dipende da ciò di cui hai bisogno:
-
se è necessario aggiungere gestori di eventi agli oggetti grafici: è necessario utilizzare SVG. Altra tela.
-
se non sono necessari eventi è importante la prestazione: in caso affermativo, quindi Canvas 5.
Nota che IE 9 supporta Canvas e offre più supporto HTML 5 rispetto ad altri browser!
stava cercando " raphael vs canvas " il post qui ha 5 anni. Da allora qualcosa è cambiato? Raphael obsolet è
