<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { var obj = document.getElementById("CVS"); var context = obj.getContext("2d"); context.lineWidth = 10; context.strokeStyle = "aqua"; context.lineCap = "round"; context.moveTo(10,10); context.lineTo(400,20); context.lineTo(200,100); context.fillStyle = "blanchedalmond"; context.fill(); //context.lineTo(10,10); context.closePath(); context.stroke(); } </script> </head> <body> <canvas id="CVS" width="600px" height="400px" style="border:5px dotted blue;"> </canvas> </body> </html>