Какая графическая библиотека JavaScript имеет лучшую производительность?

Question

Я провожу некоторые исследования для проекта JavaScript, где производительность рисования простых примитивов (то есть линий) на сегодняшний день является главным приоритетом.

Ответы на на этот вопрос предоставляют большой список графических библиотек JS. Хотя я понимаю, что выбор браузера оказывает большее влияние, чем библиотека, я хотел бы знать, есть ли между ними какие-либо различия, прежде чем выбирать один.

Кто-нибудь делал сравнение производительности между любым из них?

Answer 1

Обновленный ответ (2019):

Основной совет остается прежним: для максимальной производительности используйте тонкие оболочки или используйте API-интерфейсы браузера, а также избегайте DOM или любой DOM-подобной структуры. В 2019 году это означает, что следует избегать SVG (и любой библиотеки, созданной поверх него), поскольку это может вызвать проблемы с производительностью при попытке быстрого изменения DOM.

Canvas - это готовое решение для высокопроизводительной веб-графики как для 2D, так и для 3D (WebGL) контекстов. Flash мертв, поэтому больше не вариант, но даже если его производительность не соответствовала API-интерфейсу нативного браузера.

Оригинальный ответ (2009):

Если вы не делаете 3d, просто используйте необработанный холст с excanvas в качестве отступника для исследователя. Узким местом будет скорость выполнения JavaScript, а не скорость рендеринга строк. За исключением IE, который будет зависать, когда сцена становится слишком сложной, потому что VML фактически создает dom.

Если вы действительно беспокоитесь о производительности, определенно используйте flash и напишите все это в ActionScript. Вы получите на порядок лучшую производительность, а с Flex SDK вам даже не нужно ничего покупать. Есть несколько приличных библиотек для 3d во flash / flex.

Answer 2

Библиотека JavaScript Рафаэля

http://raphaeljs.com

Answer 3

До сих пор - используется processing.js (реализация холста javascript языка "Processing") и / или raphael.js (миниатюрная и удобная библиотека JavaScript VML / SVG) .

Рекомендации по производительности зависят от задачи:

• высокодинамичные, сложные примитивы (или их огромное количество) - холст (пиксели, низкоуровневый API)

• меньшее количество примитивов, с высокой степенью масштабируемости, интегрировано в DOM - SVG / VML (вектор, API высокого уровня)

Answer 4

Ни у одного из них нет хороших показателей. Это 2009 год, и состояние рендеринга программируемой графики в веб-браузерах действительно удручает. Я мог бы повысить скорость взаимодействия на терминале vt125 25 лет назад. Если вы делаете что-то интерактивное, подумайте об использовании Flash ... Иначе я бы выбрал какое-то сложное решение на стороне сервера, в зависимости от ваших потребностей

Answer 5

Как насчет http://www.jsgl.org? Используется SVG / VML.

Answer 6

Я знаю, вы сказали, что браузер оказал большее влияние, так почему бы не использовать оптимизированные вызовы SVG? Тогда он "мог" работать во всех браузерах, но ...

Chrome достаточно надежен для эффективного рендеринга 3D-моделирования:

http://www.chromeexperiments.com/detail/monster/

Answer 7

Для базового рисования (такого как линии, круги и многоугольники) я бы порекомендовал Библиотека графики Уолтера Цорна . Он был создан с учетом производительности и работает в огромном количестве браузеров.