Kineticjs vs Raphaeljs

Question

Я начинаю новый проект с использованием HTML5. Двумя наиболее популярными графическими инструментами являются KineticJS и RaphaelJS. Если у вас есть опыт их использования, есть ли у вас какие-либо советы? Какие функции они предлагают, и есть ли преимущество в использовании одного над другим?

E.g. только RaphaelJS работает с устаревшими браузерами (но это не является обязательной функцией).

Answer 1

Самая большая разница между RaphaelJS и KineticJS заключается в том, что RaphaelJS использует SVG, а KineticJS использует HTML5 Canvas для визуализации.
Так что это действительно зависит от того, какой проект вы делаете.

Вот некоторые полезные ссылки, которые вы должны проверить относительно SVG против Canvas:

• Thoughts on when to use Canvas and SVG (также описывает гибридный подход)
• Саймон Sarris отлично reply в этом StackOverflow нить (я также опубликовал некоторые benchmarks между SVG и холста в том же потоке)

Чтобы подвести итог:

• Если вы хотите создать некоторые интерактивные диаграммы, я бы пошел с RaphaelJS, потому что это проще сделать с SVG (KineticJS предоставляет некоторый абстрактный API, который также должен сделать это довольно легко).
• Если вы хотите визуализировать огромное количество фигур/объектов, я бы рекомендовал использовать KineticJS, поскольку холст-шкалы обычно лучше с огромным количеством фигур/объектов, которые нужно рисовать, и KineticJS использует несколько слоев для улучшения производительности рендеринга.