Lompat ke isi

HTML5 canvas

Ensiklopedia Pengetahuan Universitas Islam Sultan Agung
Revisi sejak 23 Agustus 2026 13.33 oleh Maintenance script (bicara | kontrib) (Impor teks terkontrol dari Wikipedia bahasa Indonesia; revisi 28447136; atribusi sumber disertakan.)
(beda) ← Revisi sebelumnya | Revisi terkini (beda) | Revisi selanjutnya → (beda)

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 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 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 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:


Menggunakan JavaScript, anda dapat menggambar pada kanvas:


Kode ini menggambar persegi panjang merah di layar.

Dukungan

Unsur ini didukung oleh versi terbaru Mozilla Firefox, Google Chrome, Internet Explorer, Safari, Konqueror dan Opera.Versi lama dari Internet Explorer, versi 8 dan sebelumnya tidak mendukung canvas , tetapi plugin Google dan Mozilla juga tersedia.

Sebuah gambaran rinci dari canvas support mengenai browser yang paling populer (sebagai persentase dari pangsa pasar per September 2012, diambil dari pangsa browser web )


Daftar Pustaka

Lihat juga


Sumber dan atribusi

Konten artikel ini diadaptasi dari 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.