现代网站和应用需要呈现大量图片。 展示静态图片可以使用简单的HTML标签<img>，也可以采用CSS样式中的background-image属性。恐怕你总是希望绘制出动态图像，或者是对图像进行巧妙处理。 这些文章可以帮助你了解如何做到这些事情。
<p><span class="seoSummary">现代网站和应用需要呈现大量图片。</span> 展示静态图片可以使用简单的HTML标签<img>，也可以采用CSS样式中的background-image属性。恐怕你总是希望绘制出动态图像，或者是对图像进行巧妙处理。 <span class="seoSummary">这些文章可以帮助你了解如何做到这些事情。</span></p> <div class="row topicpage-table"> <div class="section"> <h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">2D 图像</h2> <dl> <dt><a href="/en-US/docs/Web/Guide/Graphics/Drawing_graphics_with_canvas">使用canvas来画图</a></dt> <dd>一个简单介绍如何使用html（“canvas”）元素来绘制2D图像的教程</dd> <dt><a href="/en-US/docs/SVG">SVG</a></dt> <dd>可缩放矢量图形 (SVG) 帮助你使用直线，曲线，和其他的几何图形来生成图像。不使用位图，你就能够画出任意拖拉也不失真的图像。</dd> </dl> <p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">查看全部...</a></span></p> </div> <div class="section"> <h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">3D 图像</h2> <dl> <dt><a href="/en-US/docs/Web/WebGL">WebGL</a></dt> <dd>开始WebGL（Web3D图像API)之路的教程,这个教程帮助你在web内容中使用标准的OpenGL ES。</dd> </dl> <div class="row topicpage-table"> <div class="section"> <h2 id="Video" style="line-height: 30px; font-size: 2.14285714285714rem;">视频</h2> <div> </div> <dl> <dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">使用 HTML5 audio 和 video</a></dt> <dd>在 HTML 文档中嵌入 video 并控制播放</dd> <dt><a href="/en-US/docs/WebRTC">WebRTC</a></dt> <dd>WebRTC 中的 RTC 代表实时通讯技术，允许 audio/video 数据流在对等的浏览器客户端之间共享。</dd> </dl> </div> </div> </div> </div>