Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

35 Setelah pengaturan untuk tulisan sudah selesai, kita akan masuk pada fungsi rotasi() yang terdapat dibutton. Kita membuat sebuah fungsi baru pada javascrip dengan cara menambahkan code function rotasi(event). Pada fungsi tersebut kita akan membuat code untuk rotasi tulisan dimana diawali dengan memeta ulang titik awal pada canvas dengan menggunakan translate() dan kemudian mulai atur rotasi dengan menggunakan rotate(). Kita juga harus tentukan lagi tulisan awal apa yang akan kita rotasikan pada fungsi rotasi() dan setelah itu tambahkan lagi translate() untuk memetakan titik awal dari pergerakkan dimana diakhir kita memetakan titik awal dari pergerakan pada (-cvs.width/2, -cvs.height/2). Ketika program dijalankan maka proses pada fungsi rotasi() akan selalu terus menerus dilakukan selama button yang disediakan kita klik secara terus menerus. Berikut hasil dari eksekusi program tersebut. Gambar 17. Bagian awal ketika program rotasi dijalankan pada browser Referensi image : screenshot dari hasil program

RkJQdWJsaXNoZXIy MTM3NDc5MQ==