现代网站和应用需要呈现大量图片。 展示静态图片可以使用简单的HTML标签<img>,也可以采用CSS样式中的background-image属性。与此同时,你也能绘制出动态图像,或者是对图像进行巧妙处理。 这些文章可以帮助你了解如何做到这些事情。
2D 图像
- 使用canvas来画图
- 一个简单介绍如何使用html(“canvas”)元素来绘制2D图像的教程
- SVG
- 可缩放矢量图形 (SVG) 帮助你使用直线,曲线,和其他的几何图形来生成图像。通过使用矢量图形,你能够画出任意拉伸也不失真的图像。
3D 图像
- WebGL
- 开始WebGL(Web3D图像API)之路的教程,这个教程帮助你在web内容中使用标准的OpenGL ES。
视频
- 使用 HTML5 audio 和 video
- 在网页中嵌入视频或音频并控制其播放
- WebRTC
- WebRTC 中的 RTC 代表实时通讯技术,这一技术允许 audio/video 数据流在对等的浏览器客户端之间共享。