Paths Basic

<!DOCTYPE HTML>
<html>
  <head>
  </head>
  <body>
    <canvas id="myCanvas" width="600" height="300"></canvas>
    <script>
      var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');

        context.beginPath();
        context.moveTo(100,50);

        context.lineTo(200,100);
        context.lineTo(300,100);
        context.lineTo(350,120);
        context.quadraticCurveTo(150,10,100,350);
        context.strokeStyle = "blue";
        context.lineWidth=15;
        context.stroke();

    </script>
  </body>
</html>