Графика для 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, технология которая позволяет стримить аудио/видео и данные между клиентами браузера (пирами).