Координаты экрана карты для изображения с различным соотношением высоты / ширины

Question

Представьте, что на экране есть изображение автомобиля, и пользователь нажал на дверь. Я хочу знать, что пользователь нажал на дверь. Проблема заключается в том, что все размеры экрана мобильного телефона различны. Мне также нужно, чтобы соотношение изображения оставалось постоянным, так как оно будет выглядеть странно.

Я пытался найти решение этой проблемы и в настоящее время дошел до этой точки.

Вот что я делаю до сих пор

Получить позицию события касания. Разделите положение касания по осям x и y на ширину и высоту экрана соответственно. Теперь это дает мне координаты x и y между 0 и 1. Слева вверху - 0,0. Справа внизу 1,1

Я знаю, что соотношение экрана составляет 2960: 1440 = 1: 0,48648648648649;

Я знаю, что соотношение изображения составляет 2960: 1000 = 1: 0,33783783783784;

У меня есть объект, на котором я нанес различные положения деталей автомобиля относительно самого изображения на 0 - 1. Я сделал это в фотошопе

carParts: {
  door: {
    xMin: 0.3,
    xMax: 0.4,
    yMin: 0.6,
    yMax: 0.72
  },
  hood: {
    xMin: etc,
  }
}

Я знаю, что это могло бы сработать, если бы я теперь мог отобразить положения экрана на позиции, которые я уже отработал. Я думаю, что мне нужно какое-то смещение, которое я мог бы использовать, используя отношения как-то. Я делаю это совершенно неправильно или это возможно с имеющейся у меня информацией?

Вот как изображение выглядит наложенным на экран.