Javascript＆＃34;拖动＆＃34;画布上的图像

Question

关于此问题，有很多问题，解决方案只是将图像的top left和top down值设置为鼠标/触摸的位置，不过我是什么想做的就是有一个实际的拖动动作。无论我在画布上的哪个位置按下，如果我将手指拖到右侧x像素，我希望图像移动到右侧x像素。左，上，下也一样。

我完全不知道从哪里开始。我将处理移动触摸事件，所以我觉得使用canvas.addEventListener('touchmove')是最好的选择，但我不确定。

我已经将画布重新绘制并处理完所有事情，只需要实时拖动图像的逻辑帮助，而不是仅仅将其捕捉到位。

Answer 1

获取交互开始的点（touchstart）并使用它来计算手指在屏幕上移动的程度（在touchmove回调中）并将其添加到图像位置（也在touchmove中）。

PS：我还建议使用像PIXI JS这样的画布/ WebGL东西...除非你需要一个自定义解决方案。