Холст HTML - Нарисуйте изогнутые стрелки

Я пытаюсь нарисовать изогнутые стрелки на холсте html. У меня нет проблем с рисованием изогнутой линии, но я не знаю, как поставить > в конце линии (направление).

ctx.beginPath();
  ctx.fillStyle = "rgba(55, 217, 56,"+ opacity +")";
  ctx.moveTo(this.fromX,this.fromY);
  ctx.quadraticCurveTo(this.controlX, this.controlY, this.toX, this.toY);
ctx.stroke();

Моя идея состоит в том, чтобы взять небольшую часть линии в конце и нарисовать треугольник. Как я могу получить координату точки на линии?

Ниже приведено изображение для лучшего понимания.