这是我的要求：我有一个应该显示图像（JPEG）的 DIV。当页面被渲染时，这个 div 应该以指定的缩放系数将图像显示到图片上的指定位置（点）。图片应该放在这个DIV里面（不能超过DIV的边距）。在这个 DIV 上，图像可以（在初始缩放之后）移动/平移（通过鼠标或滚动条）和放大和缩小（通过鼠标滚轮、按钮、滑块或任何方法）。在某些情况下，DIV 应该显示（聚焦）图像的另一个点（相同或其他缩放因子）。图像会在某些事件中发生变化。当焦点从一个点切换到另一个点（但在同一页面上）时，我不想重新加载图片，以防图像源发生变化。
我在这里找到了类似的东西，但不太接近我的要求： http ://www.htmldrive.net/items/show/394/JQuery.iviewer-zoom-image-and-to-drag-effect
我提到我是 javascript 的新手，对任何部分要求的任何帮助都非常受欢迎。如果您知道可以执行此操作的（免费）插件，请告诉我。
感谢您为我的问题付出的宝贵时间