Amazfit Watch faces

Please see following code segment for a bip watch face. My question is that-
What are the effects of following codes
Line-1: "TopLeftX": 50, // What is TopLeftX?
Line-2: "TopLeftY": 151, //?
Line-3: "BottomRightX": 162, // Why "BottomRightX" reference is needed when there exists
"TopLeftX" ?
Line-4: "BottomRightY": 167, // ?
Line-5: "Alignment": "TopRight", // Can I use "TopLeft" here? What will be the effect in that case?
Please note following watch face. The Distance digits has aligned with the right. There is a blank space in the left after the distance icon image, which does not look good. I would like the digits start just after the Distance icon. Is that possible?

// //////////////////////
"Distance": {
"Number": {
"TopLeftX": 50,
"TopLeftY": 151,
"BottomRightX": 162,
"BottomRightY": 167,
"Alignment": "TopRight",
"Spacing": 1,
"ImageIndex": 13,
"ImagesCount": 10
},
/////////////////////////////////
Thanks in advance. <[email protected]>

With this visual dial editing tool, you will not need to learn the definition of coordinate values:

https://amazfitwatchfaces.com/editor/wa ... ditor/?bip


"Alignment": "TopRight"--> TopLeft TopCenter


Remember to use【FIX COORDINATES】 and then visualize layout and editing

Thanks.