Современным веб-сайтам и веб-приложениям часто требуется отображать графику. Статические изображения легко отобразить с помощью элемента <img>
, или с помощью CSS свойства background-image
. Часто требуется создавать графику на лету, или модифицировать ее каким-либо образом после. Как это проделать можно узнать в следующих статьях.
2D графика
- Канвас
- Элемент
<canvas>
представляет удобный API для рисования 2D графики с помощью JavaScript. - SVG
- Масштабируемая Векторная Графика (Scalable Vector Graphics) позволяет рисовать линии, кривые, и другие геометрические фигуры. С их помощью можно создавать масштабируемые изображения, которые не теряют в качестве при изменении размера в отличии от растровой графики.
3D графика
- WebGL
- Руководство по быстрому старту с WebGL. WebGL предоставляет API для работы с 3D графиками в веб. Эта технология позволяет Вам использовать стандартный OpenGL ES в веб контексте.
Видео
- Использование HTML5 видео и аудио
- Встраивание видео и аудио в HTML документ и управление проигрыванием.
- WebRTC
- RTC в WebRTC означает Real-Time Communications, технология которая позволяет стримить аудио/видео и данные между клиентами браузера (пирами).
Метки документа и участники
Обновлялась последний раз:
DinarGataullin,