как увеличить и сфокусировать изображение, если координаты x и y известны с помощью css - PullRequest
Новая
       31

как увеличить и сфокусировать изображение, если координаты x и y известны с помощью css

0 голосов
/ 13 июня 2019

Я пытаюсь добавить новую функцию в мой код.То есть изменить фокус изображения с эффектом увеличения.У меня есть координаты X и Y изображения.Например, ([xaxis] => 409.10584934476, [yaxis] => 199.61794106747) Это координаты простого изображения.Точно так же у меня есть еще 5 координат x и y.Нажав на конкретную иконку, ее масштабирование должно быть сделано до соответствующих координат.Для реализации вышеуказанной функции мы можем использовать свойство transform в css.Есть ли способ рассчитать значение масштаба для каждого клика?Как мы можем расположить фокус изображения к координатам?Пожалуйста, помогите

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

  $('img').css({"transform-origin": "left" });
  $('img').css({"-moz-transform": "scale(2)" });
  $('img').css({"-ms-transform": "scale(2)" });
  $('img').css({"-o-transform": "scale(2)" });
  $('img').css({"transform": "scale(2)" });
...