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 422913 of Grafis dalam web

  • Revisi slug: Web/Guide/Grafis
  • Revisi judul: Grafis dalam web
  • Revisi ID: 422913
  • Dibuat:
  • Pembuat: pieteru_insekai
  • Revisi terkini? Tidak
  • Komentar

Perubahan Konten

Situs web moderen dan aplikasi sering membutuhkan tampilan grafis. Sementara tampilan gambar statis dapat dilakukan dengan mudah menggunakan elemen {{HTMLElement("img")}}, atau dengan mengatur tampilan belakang dari elemen HTML menggunakan properti {{cssxref("background-image")}}, anda sering menginginkan tampilan grafis melayang, atau memanipulasi gambar dari gambar nyatanya. Artikel ini memberikan wawasan tentang bagaimana anda dapat melakukannya.

GRAFIS 2D

Menggambar grafis dengan kanvas
Sebuah panduan pengantar menggunakan elemen {{HTMLElement("canvas")}} untuk menggambar grafik 2D.
SVG
Scalable Vector Graphics (SVG) memungkinkan anda menggunakan garis, kurva, dan bentuk geometris lain untuk membuat grafik. Dengan menghindari penggunaan bitmap, Anda dapat membuat gambar yang bersih dengan skala berbagai ukuran.

Lihat Semua...

GRAFIS 3D

WebGL
Sebuah panduan untuk memulai menggunakan WebGL, API grafis 3D untuk Web. Ini teknologi yang memungkinkan anda menggunakan standart OpenGL ES dalam konten Web.

 

Sumber Perubahan

<p><span class="seoSummary">Situs web moderen dan aplikasi sering membutuhkan tampilan grafis.</span> Sementara tampilan gambar statis dapat dilakukan dengan mudah menggunakan elemen {{HTMLElement("img")}}, atau dengan mengatur tampilan belakang dari elemen HTML menggunakan properti {{cssxref("background-image")}}, anda sering menginginkan tampilan grafis melayang, atau memanipulasi gambar dari gambar nyatanya. <span class="seoSummary">Artikel ini memberikan wawasan tentang bagaimana anda dapat melakukannya.</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">GRAFIS 2D</h2>
    <dl>
      <dt>
        <a href="/en-US/docs/Web/Guide/Graphics/Drawing_graphics_with_canvas">Menggambar grafis dengan kanvas</a></dt>
      <dd>
        Sebuah panduan pengantar menggunakan elemen {{HTMLElement("canvas")}} untuk menggambar grafik 2D.</dd>
      <dt>
        <a href="/en-US/docs/SVG">SVG</a></dt>
      <dd>
        Scalable Vector Graphics (SVG) memungkinkan anda menggunakan garis, kurva, dan bentuk geometris lain <span id="result_box" lang="id"><span class="hps">untuk membuat grafik</span><span>.</span> <span class="hps">Dengan menghindari</span> <span class="hps">penggunaan</span> <span class="hps">bitmap</span><span>,</span> <span class="hps">Anda dapat membuat</span> <span class="hps">gambar yang</span> <span class="hps">bersih</span> <span class="hps">dengan skala</span><span class="hps"> berbagai ukuran</span></span>.</dd>
    </dl>
    <p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">Lihat Semua...</a></span></p>
  </div>
  <div class="section">
    <h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">GRAFIS 3D</h2>
    <dl>
      <dt>
        <a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
      <dd>
        Sebuah panduan untuk memulai menggunakan WebGL, API grafis 3D untuk Web. Ini teknologi yang memungkinkan anda menggunakan standart OpenGL ES dalam konten Web.</dd>
    </dl>
  </div>
</div>
<p>&nbsp;</p>
Kembalikan ke perubahan ini