18 <!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); ctx.fillRect(120,10,100,100); </script> </body> </html> Referensi image : petanikoding.com.(modifikasi) Jika program diatas dijalankan pada sebuah browser maka hasilnya akan seperti Gambar II.6 dimana terdapat sebuah persegi yang
RkJQdWJsaXNoZXIy MTM3NDc5MQ==