2012-01-26 10 views
33

Estoy comenzando un nuevo proyecto usando HTML5. Dos de los juegos de herramientas gráficos más populares son KineticJS y RaphaelJS. Si tiene experiencia en el uso de estos, ¿tiene algún consejo? ¿Qué características ofrecen, y hay una ventaja en el uso de una sobre la otra?Kineticjs vs Raphaeljs

E.g. solo RaphaelJS funciona en navegadores heredados (pero esto no es una característica que requiera).

+0

Tienes que ser más específico sobre qué tipo de proyecto estás haciendo, diferentes técnicas se adaptan a las diferentes necesidades. – bennedich

+1

@bennedich Sólo necesito saber cuáles son las diferencias en las posibilidades de ambos –

+1

Tenga en cuenta que el autor de RaphaelJS también ha creado SnapSVG: http://snapsvg.io/, que es más adecuado para los navegadores modernos. –

Respuesta

52

La mayor diferencia entre RaphaelJS y KineticJS es que RaphaelJS usa SVG y KineticJS usa HTML5 Canvas para la visualización.
Por lo tanto, realmente depende del tipo de proyecto que esté realizando.

Éstos son algunos enlaces útiles que los que debe salir cuanto a SVG vs lona:

Para resumir:

  • Si quieres crear algunos gráficos interactivos, yo iría con RaphaelJS porque es más fácil hacer eso con SVG (KineticJS proporciona algunos API abstractos que deberían hacer que sea bastante fácil hacerlo también).
  • Si desea visualizar un gran número de formas/objetos, le recomendaría utilizar KineticJS como escalas de lienzo, generalmente mejor con un gran número de formas/objetos que dibujar y KineticJS utiliza múltiples capas para mejorar el rendimiento de representación.
+3

No estoy de acuerdo con que SVG funcione mejor para gráficos que para canvas, en realidad. Eche un vistazo a esta demostración: http://meteorcharts.com/ Canvas puede manejar cientos de miles de puntos de datos y mantenerse receptivo, incluso en dispositivos móviles. SVG simplemente no puede hacer eso. –

+1

Claro, si tiene que lidiar con una gran cantidad de formas/puntos para dibujar, entonces Canvas escala mejor que SVG (vea los puntos de referencia en los hilos). Pero para gráficos interactivos simples (gráficos de barras, diagramas, etc.) SVG es lo suficientemente rápido y si utiliza [D3.js] (http://d3js.org/) puede crear gráficos interactivos realmente impresionantes con un esfuerzo relativamente pequeño. –

+0

SVG o Canvas? Elegir entre los dos. http://dev.opera.com/articles/view/svg-or-canvas-choosing-between-the-two/ – Cherven

Cuestiones relacionadas