Revision 1056492 of Grafis dalam web

Revisi slug: Web/Guide/Grafis
Revisi judul: Grafis dalam web
Revisi ID: 1056492
Dibuat: 7 Mei 2016 16.50.10
Pembuat: rmsubekti
Revisi terkini? Tidak
Komentar

Tag:

Perubahan Konten

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

Grafik 2D

Canvas: Elemen {{HTMLElement("canvas")}} menyediakan API untuk menggambar grafik 2D menggunakan javascript.
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...

Grafik 3D

WebGL: Sebuah panduan untuk memulai menggunakan WebGL, API grafis 3D untuk Web. Teknologi ini memungkinkan anda menggunakan standar OpenGL ES dalam konten Web.

Video

Menggunakan HTML5 audio dan video: Embedding video dan / atau audio di halaman web dan mengendalikan pemutaran nya.
WebRTC: RTC pada WebRTC artinya Real-Time Communications, teknologi yang memungkinkan streaming audio/video serta berbagi data antar browser pengguna (peers).

Sumber Perubahan

<p><span class="seoSummary">Situs web moderen dan aplikasi sering membutuhkan tampilan grafis.</span>&nbsp;Gambar statis dapat dengan mudah ditamilkan dengan menggunakan elemen {{HTMLElement("img")}} , atau mengatur tampilan background dari elemen HTML dengan menggunakan properti css&nbsp;{{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="Grafik_2D">Grafik 2D</h2>

<dl>
 <dt><a href="/en-US/docs/HTML/Canvas">Canvas</a></dt>
 <dd>Elemen {{HTMLElement("canvas")}} menyediakan API untuk menggambar grafik 2D&nbsp;menggunakan javascript.</dd>
 <dt><a href="/en-US/docs/Web/SVG">SVG</a></dt>
 <dd>Scalable&nbsp;Vector&nbsp;Graphics&nbsp;(SVG)&nbsp;memungkinkan&nbsp;anda&nbsp;menggunakan&nbsp;garis,&nbsp;kurva,&nbsp;dan&nbsp;bentuk&nbsp;geometris&nbsp;lain&nbsp;untuk&nbsp;membuat&nbsp;grafik.&nbsp;Dengan&nbsp;menghindari&nbsp;penggunaan&nbsp;bitmap,&nbsp;Anda dapat&nbsp;membuat&nbsp;gambar&nbsp;yang&nbsp;bersih&nbsp;dengan skala&nbsp;berbagai ukuran.</dd>
</dl>

<p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">Lihat Semua...</a></span>&nbsp;</p>
</div>

<div class="section">
<h2 class="Documentation" id="Grafik_3D">Grafik 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. Teknologi ini memungkinkan anda menggunakan standar OpenGL ES dalam konten Web.</dd>
</dl>

<h2 id="Video">Video</h2>

<dl>
 <dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">Menggunakan&nbsp;HTML5 audio dan video</a></dt>
 <dd>Embedding video dan / atau audio di halaman web dan mengendalikan pemutaran nya.</dd>
 <dt><a href="/en-US/docs/WebRTC">WebRTC</a></dt>
 <dd>RTC pada WebRTC artinya Real-Time Communications, teknologi yang memungkinkan streaming audio/video serta berbagi data antar browser pengguna (peers).</dd>
</dl>
</div>
</div>

Kembalikan ke perubahan ini