Я использую плагин wPaint и пытаюсь добавить еще несколько функций. Что мне нужно, так это нарисованная линия, заканчивающаяся стрелкой. Я перепробовал почти все, что мог придумать, но я могу получить только половину стрелки (представьте, <-----, но голова простирается только до дна или вершины, но никогда не идет в обоих направлениях.)

Вот функция для рисования линии (с половиной стрелки):

  drawArrowMove: function(e, _self)
  {
        var xo = _self.canvasTempLeftOriginal;
        var yo = _self.canvasTempTopOriginal;

        if(e.pageX < xo) { e.x = e.x + e.w; e.w = e.w * -1}
        if(e.pageY < 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();
  }

Любая помощь / идеи / советы будут полезны.

Благодарю.