Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

现代网站和应用需要呈现大量图片。 展示静态图片可以使用简单的HTML标签 <img>,也可以采用CSS样式中的background-image属性。与此同时,你也能绘制出动态图像,或者是对图像进行巧妙处理。 这些文章可以帮助你了解如何做到这些事情。

2D 图像

使用canvas来画图
<canvas>提供了一些使用JavaScript来绘制2D图像的接口
SVG
可缩放矢量图形 (SVG) 帮助你使用直线,曲线,和其他的几何图形来生成(渲染)图像。通过使用矢量图形,你能够画出任意拉伸也不失真的图像。

查看全部...

3D 图像

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

视频

 
使用 HTML5 音频(audio) 和 视频(video)
在网页中嵌入视频/音频并控制其播放。
WebRTC
WebRTC 中的 RTC 代表实时通讯技术,这一技术允许音频/视频数据流在对等的浏览器客户端之间共享。

文档标签和贡献者

 此页面的贡献者: jinger7281, wth, rockywen, ryerh, wanglingzhi, Kasuganosora, Hikerpig
 最后编辑者: jinger7281,