javascript - 鼠标悬停时图像缩放到指针位置

Question

我需要在移动（可拖动）指针时缩放图像（地图图像）。我在下面的 jsfiddle 中添加了代码，单击搜索并拖动该标志。因此，在拖动该标志并将其移动到地图上时，我希望将地图缩放到该位置。

http://jsfiddle.net/vigneshvdm/WZEna/2/

地图图像在

<div id="map"></div>

为解决方案编辑 jsfiddle 将非常有帮助。提前致谢

Answer 1

您可以使用-callback stopfromdraggable并放大您的#xyz-image 然后：

像这样的东西（这并不完美，但你可以玩一下）：

$("#pointer").draggable({
    stop: function() {
        $("#xyz").css({
            transform: "scale(2)"
        });
    }
});