¿Cuál es mejor y por qué? RaphaelJS o HTML5 Canvas?

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

Pregunta

¡Encontré una biblioteca de vectores en Internet que incluso funciona con IE6!

http://raphaeljs.com/index.html

Es asombroso.

Ahora mi pregunta es mejor que el próximo HTML5 < canvas > ;? La única razón por la que pregunto es que podrían pasar años antes de que Microsoft implemente un & Lt; canvas & Gt; eso no requiere un complemento para que se ejecute.

Y pasará aún más tiempo hasta que todos los usuarios de IE en Internet se deshagan de sus antiguos navegadores para que podamos justificar el uso de HTML5 < canvas > ;.

Estoy a punto de cumplir con los estándares, pero este va a tomar demasiado tiempo, gracias al lento desarrollo de MS de su navegador.

¿Pensamientos?

¿Fue útil?

Solución

Raphael es una biblioteca de gráficos vectoriales, realizada usando SVG, mientras que el lienzo HTML5 son gráficos de mapa de bits.

Si quieres hacer gráficos vectoriales, creo que ir con Raphael es probablemente una buena opción sobre " solo " lona. Como usted dice, el lienzo no funciona del todo con IE y probablemente pasará un tiempo antes de que sea compatible de forma nativa. Si Raphael hace lo que necesita, no hay una razón particular para no usarlo.

Tenga en cuenta que también hay otras bibliotecas para esto: Excanvas, que emula el lienzo para IE usando VML (que yo sepa), y también algunas otras que hacen lo mismo con Silverlight y Flash pero olvidé sus nombres.

También está Dojo, que tiene un componente para abstraer el uso del lienzo detrás de una interfaz fácil de usar, que también es compatible con IE.

Tener un lienzo nativo en todos los navegadores no hará que las bibliotecas queden obsoletas, ya que las bibliotecas suelen abstraer algunas de las complejidades del lienzo, lo que facilita el uso.

Otros consejos

SVGWeb ( http://code.google.com/p/svgweb/ ) por Google es lo que quieres. Hace que IE sea compatible con SVG, que es el estándar, y que todos los demás navegadores convencionales ya admiten. En otras palabras, como dice Google, & Quot; Usando la biblioteca más el soporte SVG nativo, puede apuntar instantáneamente ~ 95% de la base web instalada existente. & Quot;

Y puede usar http://code.google.com/p/explorercanvas/ que implementa el HTML5 Canvas Standard en IE. Todo lo que haces es agregar: 

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

La diferencia entre Canvas y SVG se explica de la siguiente manera:

  

SVG y canvas no son realmente   Tecnologías intercambiables. SVG es un   tipo de gráficos de modo retenido donde   todo proviene de un lugar   modelo abstracto (el documento SVG).   El lienzo por otro lado es una especie de   gráficos de modo inmediato, donde hay   no es modelo y el cliente   (JavaScript) debe cuidar   rediseño, animaciones, etc.

La respuesta depende de lo que necesita:

  • si necesita agregar controladores de eventos a los objetos gráficos: debe usar SVG. Otro lienzo.

  • si no se necesitan eventos es importante el rendimiento: en caso afirmativo, entonces Canvas 5.

¡Tenga en cuenta que IE 9 es compatible con Canvas y ofrece más compatibilidad con HTML 5 en comparación con otros navegadores!

estaba buscando " raphael vs canvas " La publicación aquí tiene 5 años. ¿Ha cambiado algo desde entonces? ¿Rafael está obsoleto?

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top