如何获取图像中光标位置的坐标？

Question

这就像在餐桌上放不同的盘子。我有一张图片（表格），我需要在图片上拖放其他小物件（div）。我需要以不带图像（表格）大小的百分比获取坐标。我什至不知道要使用哪个事件。请帮忙。

<div class="col-lg-12 col-md-12 col-sm-12 mrg-btm-zero">

     <!-- TODO: Change number of dishes w.r.t table name selection-->
     <div ngDraggable [handle]="dishA" class="mrg-right-10 float-left">
          <div #DishA class="dishes"></div>
     </div>
     <div ngDraggable [handle]="dishB" class="mrg-right-10 float-left">
          <div #DishB class="dishes"></div>
     </div>
     <div ngDraggable [handle]="dishC" class="mrg-right-10 float-left">
          <div #DishC class="dishes"></div>
     </div>

     <div class="Dinetable">
          <!-- TODO: Change table image w.r.t table name selection-->
          <img src="../../../../../assets/images/tableType1.png" />
     </div>

 </div>

我有this链接。但是不知道在打字稿中使用它。我还需要响应页面的坐标百分比。