Hallo sahabat dumenity berjumpa lagi dalam tutorial Dumetschool, pada tutorial kali ini saya akan membahas tentang menggambar lingkaran di HTML5 Canvas. <kanvas> adalah elemen HTML yang bisa digunakan untuk menggambar grafis menggunakan scripting (biasanya JavaScript). Ini bisa, misalnya, digunakan untuk menggambar grafik, membuat komposisi foto atau animasi sederhana (dan tidak begitu sederhana). Gambar di halaman ini menunjukkan contoh implementasi <kanvas> yang akan dibuat dalam tutorial ini.

Menggunakan elemen <kanvas> tidak terlalu sulit, namun teman – teman memerlukan pemahaman dasar tentang HTML dan JavaScript. Elemen <kanvas> tidak didukung di beberapa browser lama, namun didukung dalam versi terbaru dari semua browser utama. Ukuran default kanvas adalah 300 px × 150 px (lebar × tinggi). Tapi ukuran khusus dapat didefinisikan dengan menggunakan properti tinggi dan lebar HTML. Untuk menggambar grafis di kanvas, kita menggunakan objek konteks JavaScript, yang menciptakan grafis dengan cepat.

Penggambaran lingkaran dilakukan menggunakan method utama arc(x,y,r,start,stop). Start adalah awal penggambaran dan stop adalah akhir penggambaran dengan satuan radian. Di bawah ini saya akan mencontohkan kepada teman – teman tentang cara penggambaran lingkaran yang berpusat di (95,50) dengan jari – jari 40 pixel dan bermula dari sudut radian 0 ke 2II. Oke langsung saja teman – teman ikuti caranya di bawah ini:

Dan hasilnya dapat teman – teman lihat di bawah ini:

Menggambar Lingkaran di HTML5 Canvas

Oke bagaimana teman – teman cara menggambar lingkaran di HTML5 Canvas cukup mudah bukan. Oke itulah tadi pembahasan saya tentang menggambar lingkaran di HTML5 Canvas semoga bermanfaat.