নিচের কোডিং এডিট করে ফলাফল পর্যবেক্ষণ করুন
<html> <head> </head> <body> <canvas id="myCanvas" width="570" height="250"></canvas> <script> var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.moveTo(20, 30); ctx.lineTo(400, 150); ctx.lineWidth = 22; ctx.strokeStyle = '#f64dd3'; ctx.lineCap = 'round'; ctx.stroke(); ctx.beginPath(); ctx.moveTo(20, 60); ctx.lineTo(400, 180); ctx.lineWidth = 22; ctx.strokeStyle = '#ff0000'; ctx.lineCap = 'butt'; ctx.stroke(); ctx.beginPath(); ctx.moveTo(20, 90); ctx.lineTo(400, 210); ctx.lineWidth = 22; ctx.strokeStyle = '#00ff00'; ctx.lineCap = 'square'; ctx.stroke(); </script> </body> </html>