Pengembang JavaScript dapat membuat grafik bentuk bebas pada permukaan gambar yang dikenal sebagai Kanvas. Canvas membuka kemampuan untuk membuat aplikasi web asli yang kaya dengan grafis 2D dan 3D. Dalam kursus ini, memperkenalkan konsep teknis di balik Canvas dan menunjukkan bagaimana melakukan operasi menggambar langsung di halaman web. Pelajari cara menggambar bentuk dasar dan kompleks, menyesuaikan warna dan gaya, dan menambahkan bayangan, pola, dan gradien. Kemudian jelajahi teknik yang lebih maju seperti penskalaan, memutar, dan mengkomposisikan objek. Plus, temukan cara menggunakan elemen Canvas untuk membuat tampilan slide berfitur lengkap dan animasi buffered ganda.
Topik meliputi:
Contoh kanvas
Menggambar bentuk, lengkok, jalur, dan kurva
Menggambar teks
Menggambar bayangan, pola, dan gradien
Menggunakan jalur kliping
Menampilkan gambar dan video
Mengubah objek dengan penskalaan dan rotasi
Memanipulasi piksel mentah
Menerapkan transisi
Membuat animasi
