相关疑难解决方法(0)

我的应用程序的一部分包含类似于谷歌地图的功能,因为用户应该能够放大和缩小容器内的图像.

与谷歌地图一样,我希望用户能够使用鼠标滚轮滚动,并且图像上的像素始终保持在鼠标指针的正下方.所以基本上用户将缩放到鼠标指针所在的位置.

对于缩放/翻译我使用css变换如下:

可见

   $('#image').css({
            '-moz-transform': 'scale(' + ui.value + ') translate(' + self.zoomtrans.xNew + 'px, ' + self.zoomtrans.yNew + 'px)',
            '-moz-transform-origin' : self.zoomtrans.xImage + 'px ' + self.zoomtrans.yImage + 'px',
              '-webkit-transform': 'scale(' + ui.value + ') translate(' + self.zoomtrans.xNew + 'px, ' + self.zoomtrans.yNew + 'px)',
            '-webkit-transform-origin' : self.zoomtrans.xImage + 'px ' + self.zoomtrans.yImage + 'px',
              '-o-transform': 'scale(' + ui.value + ') translate(' + self.zoomtrans.xNew + 'px, ' + self.zoomtrans.yNew + 'px)',
            '-o-transform-origin' : self.zoomtrans.xImage + 'px ' + …