Buenos días, estoy tratando de almacenar/recuperar una elipse arrastrable sobre una imagen. Aquí está el fragmento de código: https://codepen.io/lbrettsinclair/pen/RwMPwVO

Digamos que recupero de la base de datos los 2 valores superior e izquierdo para 106 y 202, la elipse no está configurada en la ubicación adecuada. Cada vez que arrastro la elipse y la muevo, mis 2 entradas se actualizan con lo que creo que son los valores adecuados.

 <div> <input type="text" asp-for="@Model.Player_Injury.Injury_PosX" id="postop" class="form-control" value=106> <input type="text" asp-for="@Model.Player_Injury.Injury_PosY" id="posleft" class="form-control" value=202> </div>

¿podría ayudarme a encontrar qué está mal con los conjuntos de la parte superior/izquierda o el almacenamiento o el javascript proporcionado?

Gracias