Какая библиотека HTML5 Canvas быстрее KineticJS или EaselJS?

Я попытался сравнить KineticJS и EaselJS.

Какая из двух библиотек работает быстрее на мобильных устройствах?


person confile    schedule 02.04.2014    source источник
comment
Как правило, Canvas на мобильных устройствах является узким местом — меньше с последними версиями ОС, еще меньше с более быстрыми устройствами, тем более с двухпроцессорными устройствами, почти не проблема с мобильными устройствами с графическим процессором. Тем не менее, производительность очень [Приложение | ОС | устройство] зависит ... вам нужно будет выполнить тесты для конкретных приложений и устройств! Вам все равно нужно будет протестировать, потому что разные конфигурации имеют коварные вариации сбоев холста.   -  person markE    schedule 03.04.2014


Ответы (1)


Как сказал markE, вы должны проверить производительность самостоятельно. Это действительно зависит от того, какой тип приложения у вас есть. KineticJS может быть медленнее, потому что у него действительно высокоуровневая архитектура, и я считаю, что событийная модель KineticJS является лучшей.

Если вам нужно как можно быстрее. Не используйте никакие библиотеки. Просто "чистый" холст.

Вы можете посмотреть мой тест производительности здесь: http://slash-system.com/en/comparing-drawning-approaches-for-web/. В этом случае EaselJS имеет наилучшие результаты производительности. (Я не делал никакой жесткой оптимизации для каждой библиотеки, просто самый простой способ, также класс FastLayer был представлен в новой версии KineticJS, я не использовал этот тип слоя.)

person lavrton    schedule 03.04.2014
comment
Согласовано. Производительность будет зависеть от вашего использования. Если у вас много векторов, это может свести к браузеру. И EaselJS, и KineticJS являются многофункциональными библиотеками, поэтому подход с чистым холстом может быть быстрее, поскольку вы можете оптимизировать его для своего конкретного варианта использования. Если вы используете растровые изображения, вы можете попробовать SpriteContainer от EaselJS, который оптимизирует вызовы для графического процессора и невероятно быстр. blog.createjs.com/webgl-easeljs-a-technical-intro - person Lanny; 03.04.2014