html5 - img - Kineticjs vs Raphaeljs

title html5

Question

Estoy comenzando un nuevo proyecto usando HTML5. Dos de los kits de herramientas gráficas 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?

Por ejemplo, solo RaphaelJS funciona en navegadores heredados (pero esto no es una función que requiera).

Answer 1

La mayor diferencia entre RaphaelJS y KineticJS es que RaphaelJS usa SVG y KineticJS utiliza HTML5 Canvas para la visualización.
Entonces realmente depende de qué tipo de proyecto estés haciendo.

Aquí hay algunos enlaces útiles que debe consultar en relación con SVG vs Canvas:

• Pensamientos sobre cuándo usar Canvas y SVG (también describe un enfoque híbrido)
• La excelente reply Simon Sarris en este hilo (también publiqué algunos benchmarks entre SVG y canvas en el mismo hilo)

Para resumir:

• Si quieres crear algunos gráficos interactivos, me gustaría ir 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 usar KineticJS como escalas de lienzo, usualmente mejor con un gran número de formas / objetos para dibujar y KineticJS usa múltiples capas para mejorar el rendimiento de la representación.