React Konva 用两根手指在触摸板上移动屏幕

Question

我正在寻找正确的事件以在 canvas 上用两根手指在触摸板上导航。我正在使用 React Konva.js，我在网站 https://konvajs.org/docs/sandbox/Zooming_Relative_To_Pointer.html 上找到了一个很好的例子我不想用两根手指放大或缩小而是导航的问题。有没有人有相关的例子？

Answer 1

const stage = new Konva.Stage({
  container: 'container',
  width: window.innerWidth,
  height: window.innerHeight
});

const layer = new Konva.Layer();
stage.add(layer);

const shape = new Konva.Circle({
  x: stage.width() / 2,
  y: stage.height() / 2,
  radius: 50,
  fill: 'green'
});
layer.add(shape);

stage.on('wheel', (e) => {
  const dx = -e.evt.deltaX;
  const dy = -e.evt.deltaY;
  stage.x(stage.x() + dx);
  stage.y(stage.y() + dy);
})

body {
  padding: 0;
  margin: 0;
}

<script src="https://unpkg.com/konva@^8/konva.min.js"></script>
<div id="container"></div>

React Konva 用两根手指在触摸板上移动屏幕

React Konva move screen with two fingers on touchpad

konvajs-reactjs

react-konva