web中的图形

 Web中的图形 (Graphics on the Web)

现代网站和应用经常需要呈现图形。要展示一副静态图像相当简单，既可以通过<img>元素来链入图像，也可以通过为HTML元素的 background-image 属性(property)设置背景图像来实现。然而，人们经常也想要实时地构建图形(graphics)。这些文章将会提供一些见解帮助你来达成目标。

1. 2D图形 (2D Graphics)

• 画布 (Canvas) <canvas> 元素提供了用于使用 javascript 绘制2D图形的 APIs
• SVG (Scalable Vector Graphics)   可缩放矢量图形允许使用线条(lines),曲线(curves) 以及其他的几何形状来渲染图形。无需使用位图，就可以创建干净地扩展到任意大小的图像。

2. 3D图形 (3D Graphics)

• WebGL 为Web提供了3D 图形 APIs。可以让你在web 内容中使用标准的OpenGL ES

3. 视频 (Video)

• 使用 HTML 的 audio 和 video 在HTML文档中嵌入video并控制回放功能
• WebRTC WebRTC 中的 RTC 代表了实时通讯，这种技术可使浏览器客户端共享音频/视频/数据流。

本文译自：https://developer.mozilla.org/en-US/docs/Web/Guide/Graphics