How to? (Draw line) with (Path Finding)

Hello,

I am trying to figure out how to draw a line with Path finding. Currently I draw a line that snaps on a grid, however I need to automatically avoid chosen obstacles. (RED BLOCK is an obstacle.)

Example:

https://s22.postimg.cc/5u2v08ve9/path.jpg

This is perfect, thank you. I was about to upload a modified version of the Path Finder tutorial that I was working on. But your example works much better than what I created.

Thank you!

PS. One thing I noticed, sometimes the Start Node is not the same as its last current location. Meaning, when you click, it will start the node in a different location rather than where the current "Green" arrow is positioned.

For Example, I created a sprite when the PathFinding starts. "-1" is where the Arrow started. However, no line was created and "0" is where it starts.

It Should start at -1 not 0

Screenshot: s22.postimg.cc/ybgipix41/line.jpg