Question

我正在为我的博客尝试图像放大器代码＆＃39;最近的专辑部分。
使用1.5 data-scale时，图片id=album在左上角悬停时显示正确。
但是在右下角，它显示的是背景。此外，当我使用2.5 data-scale时，图像在光标移动时闪烁。
我认为这是.on('mousemove', function(e)的问题，其中的算法很难改变我希望代码的工作方式与原始代码类似。请帮我修改一下，非常感谢！

My test code
Original code

Answer 1

实际上，当您在transform-origin移动图像时，快速移动图像（使用大图像的高度和宽度）。

因此，解决方案是将您的运动因子除以您的比例：

$(this).css({'transform-origin': 
       ((e.pageX - $(this).offset().left) / $(this).width()) 
           * 100/$(this).attr('data-scale') + '% '
     + ((e.pageY - $(this).offset().top) / $(this).height()) 
           * 100/$(this).attr('data-scale') +'%'})

您的jsfiddle已更新：https://jsfiddle.net/wpnubmah/

缩放图像在右下角无法正确显示并使用较大比例

1 个答案: