Arrow Drag and Transform using anchors not working about react-konva HOT 4 CLOSED

I think your state is confusing. The position of the arrow/line should be defined by just two points. But you have points in arrowPos and another position in xAndY. In the case, I would prefer to reset the position of a line back to {0, 0} and adjust points.

If you prefer to keep both, then you need to account xAndY in onDragEnd of anchor.

from react-konva.

I think your state is confusing. The position of the arrow/line should be defined by just two points. But you have points in arrowPos and another position in xAndY. In the case, I would prefer to reset the position of a line back to {0, 0} and adjust points.

If you prefer to keep both, then you need to account xAndY in onDragEnd of anchor.

Thanks for the speedy response @lavrton ! This is a sandbox I found from someone else so I didn't originally write it. Whatever works I'm going to use. So how would the state change if we removed the xAndY state piece?

from react-konva.

Something like this: https://codesandbox.io/p/sandbox/konva-arrow-anchor-j5dvn?file=%2Findex.js%3A88%2C21

from react-konva.

Something like this: https://codesandbox.io/p/sandbox/konva-arrow-anchor-j5dvn?file=%2Findex.js%3A88%2C21

Fantastic. Exactly what I need. Thank you so much @lavrton !

from react-konva.