mozilla

Compare Revisions

Graphics on the Web

Change Revisions

Revision 405889:

Revision 405889 by ethertank on

Revision 424353:

Revision 424353 by coolsidx on

Title:
Graphics on the Web
Graphics on the Web
Slug:
Web/Guide/Graphics
Web/Guide/Graphics
Tags:
"Canvas", "WebGL", "3D", "Graphics", "Web", "2D"
"Canvas", "WebGL", "3D", "Graphics", "Web", "2D"
Content:

Revision 405889
Revision 424353
t7    <p>t7    ZZZZZZZalert(09);
8      <span class="seoSummary">Modern Web sites and applications 
>often need to present graphics.</span> While simply displaying st 
>atic images can easily be done using the {{HTMLElement("img")}} e 
>lement, or by setting the background of HTML elements using the { 
>{cssxref("background-image")}} property, you often want to constr 
>uct graphics on-the-fly, or manipulate images after the fact. <sp 
>an class="seoSummary">These articles provide insight into how you 
> can accomplish this.</span> 
9    </p>
10    <div class="row topicpage-table">
11      <div class="section">
12        <h2 class="Documentation" id="Docs_for_add-on_developers"
> name="Docs_for_add-on_developers"> 
13          2D graphics
14        </h2>
15        <dl>
16          <dt>
17            <a href="/en-US/docs/Web/Guide/Graphics/Drawing_graph
>ics_with_canvas">Drawing graphics with canvas</a> 
18          </dt>
19          <dd>
20            An introductory guide to using the {{HTMLElement("can
>vas")}} element to draw 2D graphics. 
21          </dd>
22          <dt>
23            <a href="/en-US/docs/SVG">SVG</a>
24          </dt>
25          <dd>
26            Scalable Vector Graphics (SVG) lets you use lines, cu
>rves, and other geometric shapes to render graphics. By avoiding  
>the use of bitmaps, you can create images that scale cleanly to a 
>ny size. 
27          </dd>
28        </dl>
29        <p>
30          <span class="alllinks"><a href="/en-US/docs/tag/Graphic
>s">View All...</a></span> 
31        </p>
32      </div>
33      <div class="section">
34        <h2 class="Documentation" id="Docs_for_add-on_developers"
> name="Docs_for_add-on_developers"> 
35          3D graphics
36        </h2>
37        <dl>
38          <dt>
39            <a href="/en-US/docs/Web/WebGL">WebGL</a>
40          </dt>
41          <dd>
42            A guide to getting started with WebGL, the 3D graphic
>s API for the Web. This technology lets you use standard OpenGL E 
>S in Web content. 
43          </dd>
44        </dl>
45      </div>
46    </div>

Back to History