title: Canvas rectangle with 3D effect border
body: <p><img src="https://i.stack.imgur.com/F5wsG.png" alt="Canvas_Border"></p>
  
  <p>(Refer to image)
  First part of image shows div with raised borders(using -webkit-box-shadow,box-shadow properties). I want to give same effect to rectangle drawn using HTML5 canvas element.
  Is it any way to acieve this??</p>