Подтвердить что ты не робот

Кинетика против Рафаэля

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

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

Ответ 1

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

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

Мысли о том, когда использовать Canvas и SVG (также описывает гибридный подход)
Simon Sarris отлично ответил в этом потоке stackoverflow (я также опубликовал некоторые тесты между SVG и холстом в тот же поток)

Подводя итог:

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