如果使用CSS知道x和y坐标，如何缩放和聚焦到图像

Question

正在尝试向我的代码添加新功能。那就是通过缩放效果来改变图像的焦点。我有图像的x和y坐标。例如（[xaxis] => 409.10584934476，[yaxis] => 199.61794106747）这些是纯图像的坐标。同样，我还有5个x和y坐标。通过单击特定图标，必须将其缩放到其相应的坐标。为了实现上述功能，我们可以在CSS中使用transform属性。有什么方法可以计算每次点击的比例值？我们如何将图像的焦点定位到坐标？请帮助

这是我尝试过的。在这里，比例是一个固定值，而变换是在左侧。我们是否可以相对于我们拥有的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)" });