html拖放css缩放

时间:2016-11-13 22:25:41

标签: javascript css drag-and-drop

我的拖拉和drog有问题。简单地说,我有一个界面与瓷砖(div内部瓷砖)拖放。它只能运行良好,我添加了一个缩放选项(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 ); 
      }
    } );

它有效,但是当我移动时,平铺图像的移动速度与光标一样快。为什么以及如何纠正它? (即使拖放有效。)

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

我有同样的效果: http://codepen.io/MAW/pen/zxQyxq

谢谢。

0 个答案:

没有答案