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

Question

我正在寻找正确的事件以在触摸板上用两根手指在画布上导航。我正在使用 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>