To implement the various components of HTML5 Canvas
Canvas Line Source Code: <!DOCTYPE html> <html> <head> <title>Canvas Line</title> </head> <body> <canvas id="Line" width="200" height="100" style="border:1px"> </canvas> <script type="text/javascript"> var c= document.getElementById('Line'); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.moveTo(0,0); ctx.lineTo(200,100); ctx.stroke(); </script> </body> </html > Output: Canvas Circle Source Code: <!DOCTYPE html> <html> <head> <title>Canvas Circle</title> </head> <body> <canvas id="Circle" width="200" height="100" style="border:1px"> </canvas> <script type="text/javascript"> var c= document.getElementById('Circle'); var ctx=c.g...