13 ctx.arc(cvs.width / 2, cvs.height / 4, 80, 2.1 * Math.PI, 0.9 * Math.PI, false); ctx.strokeStyle ="blue"; ctx.stroke(); </script> </body> </html> Referensi : HTML5 Canvas Cookbook (modifikasi) Dari program diatas dapat kita ketahui bahwasanya arc() merupakan fungsi yang digunakan untuk menggambar lengkungan/arcs pada Canvas. Detail fungsi arcs bisa ditulis sperti ini context.arc(centerX,centerY, radius, startingAngle, endingAngle,counterclockwise); dimana dapat kita ketahui bahwasanya cvs.width / 2, cvs.height / 4 digunakan untuk mengambil titik tengah dari lengkungan yang akan dibuat. Kemudian menentukan radius yang mana pada penggalan program sebelumnya radius di set 80 dan terakhir menentukan titik mulai dan titik akhir dari lengkungan yang akan dibuat. Memperjelas cara penulisan dari arc bisa dilihat dari gambar berikut ini.
RkJQdWJsaXNoZXIy MTM3NDc5MQ==