Maintenance script: Presentation V4: sitasi, referensi, Math, Wikimedia Commons, dan atribusi

2026-08-23T14:02:02Z

Presentation V4: sitasi, referensi, Math, Wikimedia Commons, dan atribusi

← Revisi sebelumnya		Revisi per 23 Agustus 2026 14.02
Baris 2:		Baris 2:

	== Sejarah ==		== Sejarah ==
	Canvas awalnya diperkenalkan oleh [[Apple Inc.\|Apple]] untuk digunakan dalam komponen Apple sendiri yaitu OS [[Mac]] X [[WebKit]] pada tahun 2004, untuk menggerakkan aplikasi seperti widget Dashboard dan browser Safari. Kemudian, pada tahun 2005 Canvas diadopsi dalam versi 1,8 browser Gecko, dan Opera pada tahun 2006, dan distandardisasi oleh Web Hypertext Application Technology Working Group (WHATWG) atau Kelompok Kerja Teknologi [[Aplikasi web\|Aplikasi Web]] [[Hiperteks\|Hypertext]] pada spesifikasi yang diusulkan baru untuk teknologi web generasi berikutnya.		Canvas awalnya diperkenalkan oleh [[Apple Inc.\|Apple]] untuk digunakan dalam komponen Apple sendiri yaitu OS [[Mac]] X [[WebKit]] pada tahun 2004,<ref>Ian Hixie. [http://ln.hixie.ch/?start=1089635050&count=1 Extending HTML]. 2004-07-12.</ref> untuk menggerakkan aplikasi seperti widget Dashboard dan browser Safari. Kemudian, pada tahun 2005 Canvas diadopsi dalam versi 1,8 browser Gecko,<ref>Mozilla Developer Connection. [https://developer.mozilla.org/en/DOM/HTMLCanvasElement HTMLCanvasElement].</ref> dan Opera pada tahun 2006,<ref>[http://www.opera.com/docs/changelogs/windows/900/ Opera 9.0 changelog].</ref> dan distandardisasi oleh Web Hypertext Application Technology Working Group (WHATWG) atau Kelompok Kerja Teknologi [[Aplikasi web\|Aplikasi Web]] [[Hiperteks\|Hypertext]] pada spesifikasi yang diusulkan baru untuk teknologi web generasi berikutnya.<ref>[https://html.spec.whatwg.org/multipage/canvas.html HTML Standard]. ''html.spec.whatwg.org''.</ref>

	== Penggunaan ==		== Penggunaan ==
Baris 10:		Baris 10:
	Kode berikut membuat elemen canvas dalam sebuah halaman HTML:		Kode berikut membuat elemen canvas dalam sebuah halaman HTML:
	<br/>		<br/>
			<syntaxhighlight lang="html5">
			<canvas id="example" width="200" height="200">
			Teks ini ditampilkan jika browser Anda tidak mendukung HTML5 canvas.<br/>
			</canvas>
			</syntaxhighlight>
	<br/>		<br/>
	Menggunakan JavaScript, anda dapat menggambar pada kanvas:		Menggunakan JavaScript, anda dapat menggambar pada kanvas:
	<br/>		<br/>
			<syntaxhighlight lang="javascript">
			var example = document.getElementById('example');
			var context = example.getContext('2d');
			context.fillStyle = 'red';
			context.fillRect(30, 30, 50, 50);
			</syntaxhighlight>
	<br/>		<br/>
	Kode ini menggambar persegi panjang merah di layar.		Kode ini menggambar persegi panjang merah di layar.

	== Dukungan ==		== Dukungan ==
	Unsur ini didukung oleh versi terbaru [[Mozilla Firefox]], [[Google Chrome]], [[Internet Explorer]], [[Safari (peramban web)\|Safari]], [[Konqueror]] dan [[Opera (peramban web)\|Opera]].Versi lama dari Internet Explorer, versi 8 dan sebelumnya tidak mendukung <code> canvas </code>, tetapi plugin Google dan Mozilla juga tersedia.		Unsur ini didukung oleh versi terbaru [[Mozilla Firefox]], [[Google Chrome]], [[Internet Explorer]], [[Safari (peramban web)\|Safari]], [[Konqueror]] dan [[Opera (peramban web)\|Opera]].<ref>Mihai Sucan. [http://dev.opera.com/articles/view/svg-or-canvas-choosing-between-the-two/ SVG or Canvas? Сhoosing between the two]. Opera Software. 4 Feb, 2010.</ref>Versi lama dari Internet Explorer, versi 8 dan sebelumnya tidak mendukung <code> canvas </code>, tetapi plugin Google dan Mozilla juga tersedia.<ref>[http://arstechnica.com/software/news/2008/08/mozilla-drags-ie-into-the-future-with-canvas-element-plugin.ars Mozilla drags IE into the future with Canvas element plugin]. Ars Technica. 19 Aug, 2008.</ref>

	Sebuah gambaran rinci dari<code> canvas </code> support mengenai browser yang paling populer (sebagai persentase dari pangsa pasar per September 2012, diambil dari [http://en.wikipedia.org/wiki/Usage_share_of_web_browsers#StatCounter_.28July_2008_to_present.29\|Penggunaan pangsa browser web] )		Sebuah gambaran rinci dari<code> canvas </code> support mengenai browser yang paling populer (sebagai persentase dari pangsa pasar per September 2012, diambil dari [http://en.wikipedia.org/wiki/Usage_share_of_web_browsers#StatCounter_.28July_2008_to_present.29\|Penggunaan pangsa browser web] )<ref>[http://caniuse.com/#search=canvas Compatibility tables for the support of HTML5, CSS3, SVG].</ref>

			{\| class="wikitable" style="text-align: center; background-color:#FFFFFF; margin-left:5px;"
			\|-
			!    Internet Explorer   !!    Firefox    !!   Safari (Desktop)   !!   Chrome   !!   Opera (Desktop)   !!   Safari (Mobile)    !!   Opera (Mobile)   !!   Android Browser
			\|-
			\|style="background: #fde2e7" \| 6.0 \|\| style="background: #d1eae6" \| 2.0 - 6.0 \|\| style="background: #d1eae6" \|3.1 - 3.2 \|\| style="background: #d1eae6" \|4.0 - 13.0 \|\| style="background: #d1eae6" \|9.0 - 11.0 \|\|style="background: #d1eae6" \|3.2 \|\|style="background: #d1eae6" \|10.0 \|\| style="background: #fde2e7"\|2.0
			\|-
			\|style="background: #fde2e7"\|7.0 \|\|style="background: #d1eae6" \|7.0 \|\|style="background: #d1eae6" \|4.0 \|\|style="background: #d1eae6" \|14.0 \|\|style="background: #d1eae6" \|11.1 \|\|style="background: #d1eae6" \|4.0 \|\|style="background: #d1eae6" \|11.0 \|\|style="background: #d1eae6" \|2.1
			\|-
			\|style="background: #fde2e7" \|8.0 \|\|style="background: #d1eae6" \|8.0 \|\|style="background: #d1eae6" \|5.0 \|\|style="background: #d1eae6" \|15.0 \|\|style="background: #d1eae6" \|11.5 \|\|style="background: #d1eae6" \|4.2 - 4.3 \|\|style="background: #d1eae6" \|11.1 \|\|style="background: #d1eae6" \|2.3,3.0
			\|-
			\|style="background: #d1eae6" \|9.0 \|\|style="background: #d1eae6" \|9.0 \|\|style="background: #d1eae6" \|5.1 \|\|style="background: #d1eae6" \|16.0 \|\|style="background: #d1eae6" \|11.6 \|\|style="background: #d1eae6" \|5.0 \|\|style="background: #d1eae6" \|11.5 \|\|style="background: #d1eae6" \|4.0
			\|-
			\|style="background: #e0eaf3" \|28.77% \|\|style="background: #e0eaf3" \|19.70% \|\|style="background: #e0eaf3" \|6.77% \|\|style="background: #e0eaf3" \|30.01% \|\|style="background: #e0eaf3" \|1.42%\|\|style="background: #e0eaf3" \|2.79% \|\|style="background: #e0eaf3" \|2.32% \|\|style="background: #e0eaf3" \|3.02%
			\|}

	== Daftar Pustaka ==		== Daftar Pustaka ==


	== Lihat juga ==		== Lihat juga ==
	* [[WebGL]]		* [[WebGL]]
Baris 32:		Baris 53:
	* [[HTML5 video]]		* [[HTML5 video]]

			== Referensi ==
			<references />

	== Sumber dan atribusi ==		== Sumber dan atribusi ==

	Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=HTML5+canvas&oldid=28447136 Wikipedia bahasa Indonesia], revisi 28447136 (2025-11-13T05:57:04Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.		Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=HTML5+canvas&oldid=28447136 Wikipedia bahasa Indonesia], revisi 28447136 (2025-11-13T05:57:04Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.

			<!-- WIKI_UNISSULA_PRESENTATION_V4 -->

Maintenance script: Impor teks terkontrol dari Wikipedia bahasa Indonesia; revisi 28447136; atribusi sumber disertakan.

2026-08-23T13:33:19Z

Impor teks terkontrol dari Wikipedia bahasa Indonesia; revisi 28447136; atribusi sumber disertakan.

Halaman baru

Elemen kanvas adalah bagian dari [[HTML5]] dan memungkinkan untuk dinamis, skrip render bentuk 2D dan [[gambar bitmap]]. Ini adalah tingkat rendah, model prosedural yang update bitmap dan tidak memiliki grafik adegan built-in.

== Sejarah ==
Canvas awalnya diperkenalkan oleh [[Apple Inc.|Apple]] untuk digunakan dalam komponen Apple sendiri yaitu OS [[Mac]] X [[WebKit]] pada tahun 2004, untuk menggerakkan aplikasi seperti widget Dashboard dan browser Safari. Kemudian, pada tahun 2005 Canvas diadopsi dalam versi 1,8 browser Gecko, dan Opera pada tahun 2006, dan distandardisasi oleh Web Hypertext Application Technology Working Group (WHATWG) atau Kelompok Kerja Teknologi [[Aplikasi web|Aplikasi Web]] [[Hiperteks|Hypertext]] pada spesifikasi yang diusulkan baru untuk teknologi web generasi berikutnya.

== Penggunaan ==
Canvas terdiri dari suatu daerah dapat ditarik didefinisikan dalam kode HTML dengan atribut tinggi dan atribut lebar. Kode [[JavaScript]] dapat mengakses daerah melalui set lengkap menggambar fungsi yang sama dengan yang lainnya [[Antarmuka pemrograman aplikasi|API]] 2D umum, sehingga memungkinkan untuk grafis yang dihasilkan secara dinamis. Beberapa penggunaan diantisipasi canvas mencakup grafik bangunan, animasi, game, dan komposisi gambar.

== Contoh ==
Kode berikut membuat elemen canvas dalam sebuah halaman HTML:
<br/>

<br/>
Menggunakan JavaScript, anda dapat menggambar pada kanvas:
<br/>

<br/>
Kode ini menggambar persegi panjang merah di layar.

== Dukungan ==
Unsur ini didukung oleh versi terbaru [[Mozilla Firefox]], [[Google Chrome]], [[Internet Explorer]], [[Safari (peramban web)|Safari]], [[Konqueror]] dan [[Opera (peramban web)|Opera]].Versi lama dari Internet Explorer, versi 8 dan sebelumnya tidak mendukung <code> canvas </code>, tetapi plugin Google dan Mozilla juga tersedia.

Sebuah gambaran rinci dari<code> canvas </code> support mengenai browser yang paling populer (sebagai persentase dari pangsa pasar per September 2012, diambil dari [http://en.wikipedia.org/wiki/Usage_share_of_web_browsers#StatCounter_.28July_2008_to_present.29|Penggunaan pangsa browser web] )

== Daftar Pustaka ==

== Lihat juga ==
* [[WebGL]]
* [[HTML5]]
* [[HTML5 video]]

== Sumber dan atribusi ==

Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=HTML5+canvas&oldid=28447136 Wikipedia bahasa Indonesia], revisi 28447136 (2025-11-13T05:57:04Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.

HTML5 canvas - Riwayat revisi

Maintenance script: Presentation V4: sitasi, referensi, Math, Wikimedia Commons, dan atribusi

Maintenance script: Impor teks terkontrol dari Wikipedia bahasa Indonesia; revisi 28447136; atribusi sumber disertakan.