Javascript -webkit变换比例：如何获取可见区域的坐标

我有一个图像显示在一个固定的div中

<div>
  <img src="path/to/image" id="map" />
</div>

---

我希望它对那些将来遇到问题的人有用：）你可以用

$（“#yourDiv”）.height（）或
$（“#yourDiv”）.width（）
，然后用
$（'yourdimage'）获得图像大小并确定她在div中的位置。position（）.left
和
$（'yourdimage'）。position（）.top
。使用少量的if语句，您应该可以找到图像的位置
 我已经试过了。不幸的是，它不起作用。width（）&.height（）始终返回旧值，而不是大小调整后的值。然后缩放这些值如果它回答了您的问题，您应该将其作为答案发布，并链接到找到解决方案的位置（博客、文档等）。
<button id="up">zoom in and move up</button>

$('#up').on('click',function() {
    $('#map').css({'webkitTransform':'translateX('+SOME_VALUE+'px) translateY('+SOME_VALUE+'px) scale('+ SCALE +')'});
});

$('#some_element')[0].getBoundingClientRect();