Assignment #2 | Basic HTLM
canvas_gra_01.html Diagonal Line <!DOCTYPE HTML> <html> <head> <script> window.onload = function() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); ////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ context.beginPath(); context.moveTo(0, 0); context.lineTo(800, 600); context.stroke(); ////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ }; </script> </head> <body> <canvas id="myCanvas" width="800" height="600"></canvas> </body> </html> canvas_gra_02.html V Shape <!DOCTYPE HTML> <html> <head> <script> window.onload = function() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); ///////////////////////////