Raphael.js против paper.js

Ответ 1

Рафаэль использует SVG. Использование холста для бумаги.

Это главное отличие.

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

Совместимость с браузером будет большой проблемой, какой бы вы ни использовали. Вероятно, это будет большая проблема, чем функциональность.

Raphael имеет преимущество на рабочем столе, поскольку он обнаруживает старые версии IE (еще в IE6) и возвращается к использованию VML вместо SVG. Это означает, что у него отличная совместимость с Virtualyl на всех настольных браузерах. Canvas просто не поддерживается в старых IE, а Люди Paper.js на самом деле не слишком беспокоятся об этом.

Но на мобильных телефонах Paper.js может быть лучше, потому что Canvas имеет гораздо лучшую поддержку на мобильных телефонах, чем SVG. SVG не поддерживается на большинстве Android-устройств. Это меняется: в Android 3.0 появилась поддержка SVG, но большинство продаваемых Android-устройств уже сейчас поставляется с v2.x, поэтому настанет время, прежде чем вы сможете положиться на работу SVG на мобильном устройстве.

Для получения дополнительной информации о поддержке браузера см. сайт CanIUse:

• CanIUse SVG
• CanIUse Canvas

Надеюсь, что это поможет.

Ответ 2

Наиболее очевидным отличием является то, что Рафаэль нацелен на SVG, а Paper нацеливает элемент Canvas. Также представляется, что у Бумаги гораздо больше расширенных функций, тогда как Raphael - это только основные элементы SVG, которые затем могут быть дополнены плагинами. Возможно, это зависит в большей степени от ваших потребностей и от того, какие среды вы хотите настроить. Canvas хорошо работает на некоторых мобильных браузерах, SVG практически не работает в мобильных средах.

Как другая сторона примечания: SVG, как я знаю, не ускоряется в аппаратном обеспечении в IE (9) или Firefox, и, если моя память не терпит неудачу, Canvas есть, по крайней мере, в IE (9). Что касается IE 8 и ниже, вам нужен плагин для браузера, который у большинства из них есть, но это ожидаемая зависимость.

Ответ 3

Есть ли какие-нибудь другие библиотеки, на которых я должен смотреть?

Да, вы должны взглянуть на processing.js!

И кстати - вот отличное сравнение между raphael.js, paper.js и processing.js: http://coding.smashingmagazine.com/2012/02/22/web-drawing-throwdown-paper-processing-raphael/

И даже сравнение кода одного и того же эффекта: http://zgrossbart.github.com/3gears/

Ответ 4

Есть ли какие-нибудь другие библиотеки, на которых я должен смотреть?

Если у вас есть опыт разработки Flash, вы можете рассмотреть easel.js, который предоставит вам некоторые из механизмов отображения Flash. Мольберт выглядит как действительно хороший lib для меня.

Другая интересная библиотека - processingjs, в отличие от других libs processingjs также делает 3D-материал. (Это также хорошо на 2d.) В отличие от бумаги, обработка raphael и станка не обрабатывает пользовательское взаимодействие из коробки.

В обеих библиотеках используется холст.