21 sebuah fungsi kusus dalam menggambar di canvas pada segita tidak ada fungsi untuk menggambar di Canvas. Tetapi kita masih dapat menggambarnya dengan cara memanfaatkan garis. Pada bagian A di BAB ini kita sudah belajar tentang bagaimana cara menggambar garis di Canvas. Berikut ini contoh code untuk menggabar segitiga pada sebuah Canvas. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5 Canvas</title> </head> <body> <canvas id="canvas" width="200" height="150" style="border:1px solid #DC143C;"> </canvas> <script type="text/javascript"> var cvs = document.getElementById("canvas"); var ctx = cvs.getContext("2d"); ctx.beginPath(); ctx.moveTo(50, 50); ctx.lineTo(50, 125); ctx.lineTo(125, 125); ctx.closePath();
RkJQdWJsaXNoZXIy MTM3NDc5MQ==