Скажите, пожалуйста, какие библиотеки для рисования и обработки векторной графики в HTML5 Canvas вы знаете?
Спасибо!!!
HTML5 Canvas Векторная графика?
Ответ 1
Есть несколько вариантов. Я не использовал ни одну из этих библиотек, но из того, что я могу сказать, Cake кажется более впечатляющим и импортированным, а также в три раза больше. Существует также Burst Engine, в настоящее время расширение processing.js, которое еще меньше. Я уверен, что есть еще несколько.
"Processing.js - сестра проекта популярного языка визуального программирования обработки..."
размер: 412 КБ
"Raphaël - небольшая библиотека JavaScript, которая должна упростить вашу работу с векторной графикой в Интернете. Если вы хотите, например, создать свой собственный графический или графический обход и вращать виджет, вы можете легко и просто достичь этого библиотека. Raphaël использует Рекомендацию SVG W3C и VML в качестве основы для создания графики. Это означает, что каждый созданный вами графический объект также является объектом DOM, поэтому вы можете присоединить обработчики событий JavaScript или изменить их позже. Цель Raphaëls - предоставить адаптер, который сделает рисование векторного искусства совместимым с кросс-браузером и простым ".
Размер: 60 КБ
Преемник Рафаэля. Написанный тем же разработчиком, но предназначенный только для современных браузеров.
"Snap предоставляет веб-разработчикам чистый, оптимизированный, интуитивно понятный и мощный API для анимации и управления как существующим SVG-контентом, так и SVG-содержимым, созданным с помощью Snap.
Предоставляя простой и интуитивно понятный JavaScript API для анимации, Snap может помочь сделать ваш SVG-контент более интерактивным и привлекательным.
Размер: 66 KB
"CAKE - это библиотека сценографа для тега canvas. Можно сказать, что он похож на SVG без XML и не слишком далеко".
Размер: 212 KB
"Paper.js - это среда сценариев векторной графики с открытым исходным кодом, которая работает поверх холста HTML5".
Размер: 627.91 КБ
"Burst Engine - это механизм векторной анимации OpenSource для элемента Canvas HTML5. Burst предоставляет аналогичную функциональность в Интернете для Flash и содержит систему анимации на основе слоев, такую как After Effects. Burst использует очень легкий фрейм JavaScript, что означает вашу анимацию будет загружаться незаметно быстро и может управляться с помощью очень простых команд JavaScript, позволяющих цепочки и обратные вызовы... В настоящее время Burst является расширением превосходного порта анимации Processing.js от Джона Ресига. Разработка независимого механизма Burst Engine находится под контролем Это уменьшит время загрузки и использование памяти, если вы хотите использовать Burst без использования jQuery или Processing.js.
ПРИМЕЧАНИЕ. Будущие версии Burst также будут запускаться как приложения Native Processing, позволяющие запускать анимацию Burst в апплете Java или в виде двоичного исполняемого файла. "
Он также кажется, что он последний раз обновлялся в 2010 году.
Размер: 52.6 KB
рисование непосредственно на холсте с помощью .context
Это НЕ внешняя библиотека, а рисунок непосредственно на холст через javascript.
Ответ 2
http://paperjs.org/ было объявлено недавно. Это потрясающе.
Ответ 3
http://raphaeljs.com/ хорошо работает с SVG
Ответ 4
Ответ 5
http://canvimation.github.com/ - это приложение с открытым исходным кодом, которое позволяет рисовать графику на экране и экспортировать результаты в виде веб-страницы с помощью тега canvas и контекстные команды для воспроизведения чертежа. Есть анимация. Он находится в стадии разработки. Страницы справки также доступны.