Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

11 Gambar 5. Output membuat garis pada canvas Referensi image : screenshot dari hasil program Selain model garis default seperti pada Gambar II-1 pada canvas juga terdapat model lain untuk menggambarkan sebuah garis yaitu butt, round dan square. Agar dapat menggunakan fungsi round dan square maka kita harus menambahkan code ctx.lineCap = "round"; atau ctx.lineCap = "square"; pada JavaScript. lineCap sendiri model defaultnya adalah model butt. Berikut ini hasil dari penggunaan round dan square pada canvas.

RkJQdWJsaXNoZXIy MTM3NDc5MQ==