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

Question

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

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

map 图片在

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

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

Answer 1

您可以使用stop-来自draggable 的回调并放大您的#xyz-图像然后:

类似这样的东西(这并不完美，但你可以尝试一下):

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