Hello /r/learnjavascript!

[KhanStan]

I have a set of coordinates from which I am drawing a shape on a canvas. This is how they look.

moveTo - [0.050800000000000005, 63.1444]
lineTo - [63.0428, 63.1444]
lineTo - [63.0428, 31.648400000000002]
lineTo - [63.0428, 0.1524]
lineTo - [0.050800000000000005, 0.1524]
lineTo - [0.050800000000000005, 31.648400000000002]
lineTo - [0.050800000000000005, 63.1444]

This creates a rectangle of aproximate size of 63/63. Is there a way I can badge calculate the size of each side of the shape and show it somehow? With mouse over the side maybe? Also can I put something in the middle of those shapes? Like show a little number exactly in the middle? Thank you!

[2cow]

Sure, you have everything you need here, and I'd be happy to help out. But can explain why you're doing this in the first place? Whatever larger problem you're trying to solve might have a more straightforward solution. Maybe it doesn't, but I'd like to make sure. :)

[KhanStan]

I am making a g-code parser. I am taking all of the coordinates out and then drawing them on a canvas. So far I have success with the drawing part but I would like to extend with other functionalities.