<canvas id="my_canvas" width="1000" height="800"></canvas>
  <script>
  var myCanvas = document.getElementById("my_canvas");
  var ctx = myCanvas.getContext("2d");
  function draw(startX, startY, len, angle) {
      ctx.beginPath();
      ctx.save();

      ctx.translate(startX, startY);
      ctx.rotate(angle * Math.PI/180);
      ctx.moveTo(0, 0);
      ctx.lineTo(0, -len);
      ctx.stroke();

      if(len < 10) {
          ctx.restore();
          return;
      }

      draw(0, -len,