22 ctx.strokeStyle ="blue"; ctx.stroke(); </script> </body> </html> Referensi : petanikoding.com.(modifikasi) Dari program diatas langkah pertama yang harus dilakukan pada pembuatan segitiga adalah menentukan titik awal. Pada code diatas titik awal dicantumkan pada ctx.moveTo(50,50) yang artinya kita akan memulai menggambar dari titik (50,50). Selanjutnya kita akan menentukan kemana titik awal ini akan dihubungkan sehingga membentu sebuah garis dan pada contoh titik awal akan dihubungan ke ctx.lineTo (50, 125). Dari proses ini maka akan terbentuk sebuah gari lurus untuk bagian tinggi dari segitiga yang akan dibuat, berikut ilustrasinya. Gambar 12. Ilutrasi langkah awal pembuatan segitiga Referensi image : screenshot laptop sendiri (modifikasi petanikode.com)
RkJQdWJsaXNoZXIy MTM3NDc5MQ==