Question

这个想法是有一张黑白照片，并且在'mousemove'上使用SVG剪切图像“增益颜色”（跟随我的鼠标移动）。我这样做是通过获取鼠标坐标并使用彩色版本剪切黑白图片。它可以在每台浏览器的桌面上完美运行。

def newview(request):
    user_input = request.GET['user_input']
    # or
    # user_input = request.GET.get('user_input', None)

然而，在移动设备上，剪辑仅通过点击“工作”（当我保持'mousemove'时）。而不是跟随我的手指移动的颜色（就像它用鼠标一样），当我点击时，它就会立即进入那里。

我尝试使用'touchmove'，但它根本不起作用，它只剪辑整个彩色图像，就是这样。

我需要更改哪些才能在移动设备上获得相同的结果？

Answer 1

使用以下内容：

var allowSwipe = true;

getCoordinates = function(event) {

  if (!allowSwipe) return; 
  allowSwipe = false;

  setTimeout(function() {
    allowSwipe = true;
  }, 10);

  clientX = (event.clientX || event.touches[0].clientX);
  clientY = (event.clientY || event.touches[0].clientY);

  clipThroughImage();
};

creative.dom.imageBw.addEventListener('touchmove', getCoordinates);
creative.dom.imageBw.addEventListener('mousemove', getCoordinates);

其余代码仍然相同。

使用'mousemove'剪切SVG并使用鼠标位置替代移动设备

1 个答案: