Mengenal Method Linejoin Canvas HTML5

Untuk memberi gaya pada sudut antara garis pada canvas maka diperlukan sebuah properti pada javascript yaitu lineJoin, dengan nilai miter, bevel, dan round, nilai default adalah miter. objek yang ditampilkan akan terlihat perbedaanya. Oke langsung saja pertama kita buat sebuah elemen canvas sebagai berikut

Buat tag script dan masukkan perintah berikut

Kemudian buat sebuah garis poligon dengan fungsi lineJoin

dan kita bisa ubah fungsi lineJoin dengan miter dan bevel untuk memberi gaya pada sudut antara garis. jika perintah tersebut dijalankan pada browser akan seperti berikut

Selamat Mencoba.