16 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5 Canvas</title> </head> <body> <canvas id="canvas" width="300" height="300" style="border:1px solid #DC143C;"> </canvas> <script type="text/javascript"> var cvs = document.getElementById("canvas"); var ctx = cvs.getContext("2d"); ctx.strokeRect(10,10,100,100); </script> </body> </html> Referensi: w3schools.com.(modifikasi) Dari rincian program diatas untuk beberapa penulisan sudah dibahas pada bab sebelumnya. Code baru yang diperkenalkan ctx.strokeRect(10,10,100,100); dimana ini berfungsi untuk membuat persegi. Penggalan code tersebut juga menjelaskan titik poin awal
RkJQdWJsaXNoZXIy MTM3NDc5MQ==