10 <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.lineWidth = 10; ctx.strokeStyle = "green"; ctx.moveTo(50, canvas.height - 50); ctx.lineTo(canvas.width - 50, 50); ctx.stroke(); </script> </body> </html> Referensi : HTML5 Canvas Cookbook (modifikasi) Code diatas hamper sama dengan pembahasan pada bab sebelumnya dibagian penggunaan JavaScrip. Tetapi ada sedikit perbedaan disini, yaitu adanya penambahan sintak ctx.lineWidth = 10; yang berfungsi untuk menentukan ketebalan dari garis. Dari code diatas maka akan didapat hasil seperti berikut ini.
RkJQdWJsaXNoZXIy MTM3NDc5MQ==