Elemen ini hanya wadah untuk grafik. Anda harus menggunakan skrip untuk benar-benar menggambar grafik. Kanvas adalah area persegi panjang dan memiliki beberapa metode untuk menggambar jalur, kotak, lingkaran, karakter, dan menambahkan gambar.
Elemen ini adalah elemen markup HTML5 baru yang memungkinkan menggambar di halaman web tanpa menggunakan API Model Objek Dokumen (DOM) atau plug-in. Meskipun agak baru, elemen ini telah diadopsi oleh sebagian besar browser modern.
Alih-alih membuat grafik di layar menggunakan elemen HTML dan markup lainnya dengan gaya CSS, Canvas memungkinkan gambar grafik langsung menggunakan perintah JavaScript seperti drawRect, fill, dan drawImage. Selain itu, dimungkinkan untuk memanipulasi piksel secara langsung untuk memodifikasi gambar dan membuat efek khusus. Meskipun Canvas saat ini adalah API gambar 2D, dukungan 3D direncanakan untuk rilis mendatang.
Catatan: - Elemen tidak memiliki kemampuan menggambar sendiri - Semua gambar harus dilakukan di dalam JavaScript. Secara default, elemen tidak memiliki batas dan tidak ada konten - Aplikasi fallback_content dirender oleh browser yang tidak mendukung tag kanvas - Memungkinkan menggambar grafik secara langsung tanpa harus menggunakan
atau trik CSS - Kanvas adalah standar web, didukung oleh sebagian besar browser, dengan implementasi yang kompatibel - Kanvas adalah grid dua dimensi. - Lebih mudah perangkat keras dipercepat menghasilkan animasi cepat - Sudut kiri atas kanvas memiliki koordinat (0,0) - Di masa depan, Canvas akan mendukung konteks selain '2d', seperti spesifikasi WebGL yang tertunda untuk grafis 3D.
Riwayat versi
- Versi 1.0 diposting di 2015-02-13
Detil Program
- Kategori: Pendidikan > Alat Pengajaran & Pelatihan
- Penerbit: Code Tutorial
- Lisensi: Gratis
- Harga: N/A
- Versi: 1.0
- Platform: android