Configuré la funcionalidad que quiero con una línea regular usando fabric.js. Vea el lápiz de código a continuación. Puedo presionar el botón de flecha Agregar para agregar una línea al lienzo y luego hacer doble clic en la línea para ver que aparecen 2 círculos que luego puedo arrastrar para mover cualquier extremo de la línea.

https://codepen.io/jrabes/pen/KKZEBVe

Quiero hacer de esta línea una flecha con la misma funcionalidad. Cuando agrego la línea y un triángulo para la punta de flecha a un grupo de fabric.Group y luego trato de actualizar las coordenadas de la línea, la línea se elimina del grupo y ya no puedo seleccionarla. Configuré un lápiz de código con lo que he estado intentando a continuación.

https://codepen.io/jrabes/pen/VwyRBVp

Después de hacer doble clic en la línea del grupo y mover el círculo izquierdo:
Grupo seleccionado y aún mostrando la ubicación de la línea original después de editar la línea:

No estoy apegado a esta configuración en particular, por lo que si hay una forma diferente/más fácil de configurar una flecha con la capacidad de editar los puntos finales, me encantaría.