34 ctx.fillText("Rotasi", 0, 0); ctx.translate(-cvs.width/2, -cvs.height/2); }; </script> </body> </html> Referensi : Learning HTML5 Canvas (modifikasi) Pada program diatas langkah pertama membuat sebuah canvas dimna disini kita atur untuk warna background hitam dengan cara menambahkan background-color: black pada bagian style canvas. Kemudian kita tambahkan sebuah button untuk menggerakkan rotasi pada canvas dengancara menambakan <button type="button" onclick="rotasi();"> Klik </button>. rotasi() adalah fungsi yang nanti akan kita gunakan untuk seting gerakan rotasi ketika button diklik. Selanjutnya atur ukuran dan jenis font yang akan digunakan. Pada code kita menambahkan textAligan= “center”; dimana fungsi ini sudah dibahas pada bagian sebelumnya. Jangan lupa kita juga seting warna dari tulisan yang akan ditampilkan pada canvas. Kita gunakan ctx.fillText("Rotasi", cvs.width/2, cvs.height/2); untuk menampilkan tulisan Rotasi pada canvas dengan titik mulai cvs.width/2, cvs.height/2.
RkJQdWJsaXNoZXIy MTM3NDc5MQ==