title: Html 5 Canvas complete arrowhead
body: <p>I'm using the wPaint plugin and I am attempting to add a few more features. What I need is a drawn line to end with an "arrowhead". I have tried just about everything I could think of, but I can only get half of the arrow ( imagine &lt;-----, but the head only extends to the bottom or the top, but never both directions.) </p>
  
  <p>Here is the function for drawing the line (with the half arrowhead):</p>
  
  <pre><code>  drawArrowMove: function(e, _self)
    {
          var xo = _self.canvasTempLeftOriginal;
          var yo = _self.canvasTempTopOriginal;
  
          if(e.pageX &lt; xo) { e.x = e.x + e.w; e.w = e.w * -1}
          if(e.pageY &lt; yo) { e.y = e.y + e.h; e.h = e.h * -1}
  
          _self.ctxTemp.lineJoin = "round";
          _self.ctxTemp.beginPath();
          _self.ctxTemp.moveTo(e.x, e.y);
          _self.ctxTemp.lineTo(e.x + e.w, e.y + e.h);
  
          _self.ctxTemp.closePath();
          _self.ctxTemp.moveTo(e.x, e.y);
  
          _self.ctxTemp.lineTo(15,10);                   
          _self.ctxTemp.stroke();
    }
  </code></pre>
  
  <p>Any help/ideas/tips would be helpful.</p>
  
  <p>Thanks. </p>