Triangle in Canvas

HTML

<canvas id="canvas" width="600" height="600"></canvas>

JavaScript

function draw(){  
  var canvas = document.getElementById('canvas');  
  if (canvas.getContext){  
    var ctx = canvas.getContext('2d');  
 
    ctx.beginPath();  
      ctx.moveTo(400,0);
    ctx.lineTo(0,250);
    ctx.lineTo(400,500);
      var lingrad =  ctx.createLinearGradient(200,250,400,250);  
      lingrad.addColorStop(0, '#00EBAB');  
      lingrad.addColorStop(0.9, '#000')
      ctx.fillStyle = lingrad; 
      ctx.fill();
  }  
}

draw();