Javascript html拖放css缩放

Javascript html拖放css缩放,javascript,css,drag-and-drop,Javascript,Css,Drag And Drop,我的拖拉和拖拉有问题。简单地说,我有一个界面,其中的tile是拖放式的。它只工作得很好,我添加了一个缩放选项(CSS属性)=>介于0.5和1.5之间。由于缩放,拖放踢不再起作用 所以我改变了我的代码,现在它工作了 var canvasHeight = $('body').height(); var canvasWidth = $('body').width(); var e = this.$el.draggable( { onDragStart: fu

我的拖拉和拖拉有问题。简单地说,我有一个界面,其中的tile是拖放式的。它只工作得很好,我添加了一个缩放选项(CSS属性)=>介于0.5和1.5之间。由于缩放,拖放踢不再起作用

所以我改变了我的代码,现在它工作了

    var canvasHeight  = $('body').height();
    var canvasWidth   = $('body').width();

    var e = this.$el.draggable( {
      onDragStart: function(el){ self.onDragStart( el ); }
      ,onDragStop: function(el){ self.onDragStop( el ); }
      ,onDragMove: function(el, offset,x , y){ 
        var zoom = $('#view').css('zoom') || 1;
        x = Math.round(x / zoom);
        y = Math.round(y / zoom);
        self.onDragMove( el, offset, x, y ); 
      }
    } );
不过,当我移动时,平铺图像的移动速度不如光标快。为什么以及如何纠正它?(即使拖放有效。)

您可以更改图像相对于缩放的速度

我对它也有同样的影响:


谢谢。

you's codepan示例对我来说效果不错,速度适合任何缩放。一定是你的设备出了问题。你在测试哪一个?Firefox,但我在Chrome上确实没有问题。在光标和元素draggabeYou’s codepan示例的图像之间没有间隙,对我来说效果很好,任何缩放都以正确的速度进行。一定是你的设备出了问题。你在测试哪一个?Firefox,但我在Chrome上确实没有问题。光标和元素draggabe的图像之间没有间隙