Теперь, когда вы много знаете о том, как работает Canvas, сделаем обзор некоторых хороших и полезных библиотек.
Графики и диаграммы
RGraph является бесплатной для личного использования Canvas-библиотекой для создания графиков. Она содержит множество разных видов диаграмм.
www.rgraph.net
![](/assets/images/books/canvasdeepdive/linechart.png)
ZingChart это удалённая библиотека для графиков с визуальным билдером. Результат отображается в различных форматах, в том числе Canvas и может обрабатывать большие массивы данных.
http://www.zingchart.com
![](/assets/images/books/canvasdeepdive/zingchart.jpg)
Игровые движки
Wolfenstein 3D воссоздан на Canvas
Статья на Opera
![](/assets/images/books/canvasdeepdive/akihabara.jpg)
Akihabara
www.kesiev.com/akihabara
![](/assets/images/books/canvasdeepdive/impactjs.png)
ImpactJS: быстрый коммерческий игровой движок
impactjs.com
Cocos2d: частичный порт Cocos iPhone SDK на JavaScript.
cocos2d-javascript.org
![](/assets/images/books/canvasdeepdive/pirates.jpg)
Pirates Love Daises — игра в жанре Tower Defense, сделанная полностью на Canvas.
Программы рисования
![](/assets/images/books/canvasdeepdive/muro.jpg)
Muro: программа рисования на сайте от Deviant Art
deviantart.com
![](/assets/images/books/canvasdeepdive/sketchpad.jpg)
SketchPad: другая программа для рисования с классическим интерфейсом.
mugtug.com/sketchpad/
Пользовательские шрифты
![](/assets/images/books/canvasdeepdive/font.png)
Скрипт для работы со шрифтами от Бена Иоффе. Преобразует шрифт на компьютере в изображение, которое может быть визуализировано через Canvas. Это позволяет использовать пользовательский шрифт на компьютерах, на котором шрифт фактически не установлен.
benjoffe.com
![](/assets/images/books/canvasdeepdive/poem.jpg)
Холст, украшенный детским стихотворением. Текст и графика располагаются на прозрачном холсте.
Josh On Design
Инструменты и библиотеки
EaselJS: графическая библиотека на основе объекта display из Flash.
EaselJS
![](/assets/images/books/canvasdeepdive/processing.png)
JavaScript порт графической библиотеки Java Processing. Отлично подходит для интерактивных дисплеев и изобразительного искусства.
Processing JS
![](/assets/images/books/canvasdeepdive/kapi.png)
Kapi: JavaScript-библиотека работающая с ключевыми кадрами.
JeremycKahn.github.com/kapi/
![](/assets/images/books/canvasdeepdive/svgtiger.png)
canvg: визуализация SVG созданная на Canvas.
code.google.com/p/canvg/
![](/assets/images/books/canvasdeepdive/pixastic.png)
Pixastic — это редактор фото и библиотека обработки изображений. Содержит массу эффектов в стиле фильтров Фотошопа.
Pixastic.com
Визуальные инструменты
![](/assets/images/books/canvasdeepdive/hype.png)
Hype от Tumultco — коммерческое инструмент для рисования и анимации который выводит напрямую в HTML5.
tumultco.com/hype/
![](/assets/images/books/canvasdeepdive/amino.jpg)
Amino: JavaScript and Java библиотека для работы со сценами.
https://github.com/joshmarinacci/aminolang
![](/assets/images/books/canvasdeepdive/leo.jpg)
Leonardo Sketch: инструмент рисования с открытым исходным кодом, который выводит на холст код из других форматов. Инструмент расширяемый и содержит некоторые хорошо сделанные социальные фичи.
http://leonardosketch.org