Web 图形开发

网站和应用程序经常需要呈现一些图形,如图像。静态图像可以使用 <img> 元素显示,或使用 CSS background-image 属性设置 HTML 元素的背景显示。你还可以即时构建图形,或在事后对图像进行操作。这些文章提供了关于如何实现这一目标的见解。

2D 图形

Canvas

<canvas> 元素提供了一些使用 JavaScript 来绘制 2D 图像的接口。

SVG

可缩放矢量图形(SVG)帮助你使用直线、曲线和其他的几何图形来渲染图形。通过使用矢量图形,你能够画出任意拉伸也不失真的图像。

3D 图形

WebGL

开启 WebGL(即 Web 3D 图像 API)历程的指南。这项技术可帮助你在 Web 内容中使用标准的 OpenGL ES。

视频

使用 HTML 音频和视频

在网页中嵌入视频/音频并控制其播放。

WebRTC

WebRTC 中的 RTC 代表实时通讯技术,这一技术允许音频/视频数据流在对等的浏览器客户端之间共享。