Графика для Web

Современным веб-сайтам и веб-приложениям часто требуется отображать графику. Статические изображения легко отобразить с помощью элемента <img>, или с помощью CSS-свойства background-image. Часто требуется создавать графику на лету, или модифицировать её каким-либо образом после. Как это проделать можно узнать в следующих статьях.

2D графика

Канвас: Элемент <canvas> представляет удобный API для рисования 2D графики с помощью JavaScript.
SVG: Масштабируемая Векторная Графика (Scalable Vector Graphics) позволяет рисовать линии, кривые, и другие геометрические фигуры. С их помощью можно создавать масштабируемые изображения, которые не теряют в качестве при изменении размера в отличии от растровой графики.

3D графика

WebGL: Руководство по быстрому старту с WebGL. WebGL предоставляет API для работы с 3D графиками в веб. Эта технология позволяет вам использовать стандартный OpenGL ES в веб контексте.

Видео

Использование HTML5 видео и аудио (en-US): Встраивание видео и аудио в HTML документ и управление проигрыванием.
WebRTC (en-US): RTC в WebRTC означает Real-Time Communications, технология которая позволяет стримить аудио/видео и данные между клиентами браузера (пирами).