Это все равно что ставить разные блюда на обеденный стол.У меня есть изображение (таблица), и мне нужно перетащить и поместить другие мелкие предметы (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>
У меня есть эта ссылка.Но не знаю, как использовать его в машинописи.Также мне нужен процент координат от отзывчивой страницы.