var a = document.getElementById("myCanvas");
var b = a.getContext("2d");

var angle = 0.35;
var branchScale = 0.75;
var l = 75;
var minL = 5;
var w = b.canvas.width;
var h = b.canvas.height;

b.translate(w/2, h);
drawBranch(l, 0);

function drawBranch(l, direction) {
  b.save();
  b.rotate(angle * direction);
  b.fillStyle = "#1e8214"
  b.fillRect(-l / 20, 0, l / 10, -l);
  if (l > minL) {
    b.translate(0, -35);
	b.fillStyle = "#1e8214";
    drawBranch(l * branchScale, -1);
    drawBranch(l * branchScale, 1);
  }
  b.restore();
}