Javascript 缩放<；img>；通过滚动而不改变标记位置？

背景： 在我问这个问题之前我搜索了很多。。。 我在

元素中有一个常规的

。 在图像上我放置了标记。 我希望在不更改div元素大小的情况下放大图像 在不拉伸div下的图像的情况下，将标记从当前位置移动

---

有没有办法通过像素化在图像内部滚动？

请显示您的代码和您迄今为止尝试的内容有点复杂，想象一下div元素中的一个图像，它在特定（pageX，pageY）位置上有一个标记，我想通过鼠标滚轮进行放大和缩小，而不改变与此非常类似的标记位置，只需在地图上保持相对位置的标记（例如，如果放大后将标记放在窗口角上，它将保持在图片上的相同位置，只需放大图片）谢谢您的时间，但这两种解决方案不能满足我的需要。我需要一些东西，可以不移动地留在他的div帧上。这是一个简单的例子，我在

内有

可以在这张图像上做标记。假设我可以拖动此标记，我想应用缩放图片的功能来检查标记是否放置在图片上的正确位置。这应该通过以下条件实现：1。当图片放大时，div元素必须保持相同的大小，并且只放大图像。2.例如，当我放大图片时，如果标记放置在任何who窗口的左上角，我希望标记保持在窗口的左上角！而不是通过变焦来改变他的位置