Элемент HTML5 <canvas>
используется для рисования графики на лету с использованием возможности
скриптового окружения (как правило JavaScript).
Элемент <canvas> является только контейнером для графики. Вы должны
использвовать скрипт для фактического рисования. У Canvas есть
соответсвующие методы для рисования графических фигур идобавления изображений.
Мои любимые Java-Script библиотеки для работы с
Canvas.
1. Библиотека
bHive.js: С помощью библиотеки
можно создавать разнообразное графическое представление и анимацию для игр и
приложений, API феймворка для HTML5 Canvas позволяет упростить процесс разработки, поэтому вы можете
начинать работать с ним без промедлений.
Ссылка: http://www.bhivecanvas.com/
2.
Библиотека BitmapDataChannels: Реализация API HTML5
Canvas посредством AS3 BitmapData class.
3. Библиотека
Paper.js: Paper.js - это фреймворк векторной графики с
открытым исходным кодом, который базируется на HTML5 Canvas. Он предлагает чистый DOM/Scene Graph и большое количество эффектной функциональности для создания
и работы с векторной графикой и кривыми Безье, вссе это аккуратно упаковано в
хорошо спроектированный, согласованный и чистый программный интерфейс.
Ссылка: http://paperjs.org/
4. Библиотека
HTML Canvas: Эта
библиотека представляет собой полнофункциональную легковесную JavaScript обертку
стандартных элементов canvas и призвана сделать визуализацию и анимацию с помощью canvas проще.
Библиотека поддерживает анимацию, слои, перехват сообщений, мультитач и много
другое.
5. Библиотека Fabric.js: Fabric.js –это мощная и в то же время простая JavaScript-библиотека для
Canvas. Она
предоставляет интерактивую объектную модель построенную на элементах canvas. Библиотека
так же имеет в своем арсенале парсер SVG-to-canvas.
Ссылка: http://fabricjs.com/
Что же выбрать и какая библиотека
лучше? Оставляйте свои комментарии ниже.
