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

Question

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

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

Answer 1

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

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

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

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

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