我有一个画布,在这个画布中我使用了两张图片,第一张是主图像,第二张用作裁剪遮罩。
我需要能够移动主要的图片,并且已经实现了代码,但是当我们点击图片拖动时,图片总是保持初始位置,而且当我们拖动图片时,它不会随着鼠标移动,会出现一些增加的延迟。我试图解决这个问题,但我并不擅长数学,无法得出正确的公式。
这是我用来捕获鼠标移动的代码:
有没有任何想法如何解决这个问题?这里有一个 fiddle: http://jsfiddle.net/rVx5G/10/。
我需要能够移动主要的图片,并且已经实现了代码,但是当我们点击图片拖动时,图片总是保持初始位置,而且当我们拖动图片时,它不会随着鼠标移动,会出现一些增加的延迟。我试图解决这个问题,但我并不擅长数学,无法得出正确的公式。
这是我用来捕获鼠标移动的代码:
$(window).mousemove(function(event) {
if( isDragging == true )
{
var cWidth = $("#stcanvas").width();
moveXAmount = (event.pageX / $(window).width())*cWidth;
moveXAmount = moveXAmount - (cWidth/2);
var cHeight = $("#stcanvas").height();
moveYAmount = (event.pageY / $(window).height())*cHeight;
moveYAmount = moveYAmount - (cHeight/2);
buildcanvas();
}
});
有没有任何想法如何解决这个问题?这里有一个 fiddle: http://jsfiddle.net/rVx5G/10/。