Revision 536229 of WEB 图形开发

版本网址缩略名： Web/Guide/Graphics
版本标题： WEB 图形开发
版本 id： 536229
创建于： Mar 18, 2014, 11:25:52 PM
创建者： wanglingzhi
是否是当前版本？否
评论

标签：

修订内容

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

2D 图像

使用canvas来画图: 一个简单介绍如何使用html（“canvas”）元素来绘制2D图像的教程
SVG: 可缩放矢量图形 (SVG) 帮助你使用直线，曲线，和其他的几何图形来生成图像。不使用位图，你就能够画出任意拖拉也不失真的图像。

查看全部...

3D 图像

WebGL: 开始WebGL（Web3D图像API)之路的教程,这个教程帮助你在web内容中使用标准的OpenGL ES。

修订版来源

<p><span class="seoSummary">现代网站和应用需要呈现大量图片。</span> 展示静态图片可以使用简单的HTML标签&lt;img&gt;，也可以采用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>
   <dd>
    &nbsp;</dd>
  </dl>
 </div>
</div>
<p>&nbsp;</p>

恢复到这个版本