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.

Revision 584769 of Grafiki na stronach

  • Ciąg znaków tej wersji: Web/Guide/Graphics
  • Tytuł wersji: Grafika w Sieci
  • Identyfikator wersji: 584769
  • Utworzono:
  • Autor: Rokuzo
  • Czy jest aktualna? Nie
  • Komentarz

Zawartość wersji

Modern Web sites and applications often need to present graphics. While simply displaying static images can easily be done using the {{HTMLElement("img")}} element, or by setting the background of HTML elements using the {{cssxref("background-image")}} property, you often want to construct graphics on-the-fly, or manipulate images after the fact. These articles provide insight into how you can accomplish this.

Grafika 2D

Rysowanie grafiki z elementem canvas
Przewodnik wprowadzający do użycia elementu {{HTMLElement("canvas")}}, by rysować grafikę 2D w przeglądarce.
SVG
Scalable Vector Graphics (SVG) pozwala używać linii, krzywych oraz innych kształtów by wyświetlać grafikę. Unikając bitmap możesz generować obrazki, które bez problemów przeskalujesz do dowolnego rozmiaru.

Wyświetl wszystko...

Grafika 3D

WebGL
Przewodnik, który ułatwi Tobie zaczęcie pracy z WebGL. Technologia ta umożliwia użycie standardu OpenGL ES prosto w przeglądarce.

 

Źródło wersji

<p><span class="seoSummary">Modern Web sites and applications often need to present graphics.</span> While simply displaying static images can easily be done using the {{HTMLElement("img")}} element, or by setting the background of HTML elements using the {{cssxref("background-image")}} property, you often want to construct graphics on-the-fly, or manipulate images after the fact. <span class="seoSummary">These articles provide insight into how you can accomplish this.</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">Grafika 2D</h2>
  <dl>
   <dt>
    <a href="/en-US/docs/Web/Guide/Graphics/Drawing_graphics_with_canvas">Rysowanie grafiki z elementem canvas</a></dt>
   <dd>
    Przewodnik wprowadzający do użycia elementu {{HTMLElement("canvas")}}, by rysować grafikę 2D w przeglądarce.</dd>
   <dt>
    <a href="/en-US/docs/SVG">SVG</a></dt>
   <dd>
    Scalable Vector Graphics (SVG) pozwala używać linii, krzywych oraz innych kształtów by wyświetlać grafikę. Unikając bitmap możesz generować obrazki, które bez problemów przeskalujesz do dowolnego rozmiaru.</dd>
  </dl>
  <p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">Wyświetl wszystko...</a></span></p>
 </div>
 <div class="section">
  <h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">Grafika 3D</h2>
  <dl>
   <dt>
    <a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
   <dd>
    Przewodnik, który ułatwi Tobie zaczęcie pracy z WebGL. Technologia ta umożliwia użycie standardu OpenGL ES prosto w przeglądarce.</dd>
  </dl>
 </div>
</div>
<p>&nbsp;</p>
Przywróć do tej wersji