React-Konva

Question

我想通过getPointerPosition（）在React-Konva的舞台上获得光标位置 `handleStageOnMouseMove（E）{     的console.log（e.getPointerPosition（））; }

渲染（）{     返回（       {this.handleStageOnMouseOver（e）}}       ＆GT;         你好，世界            ）; } ` 但是我发现一些麻烦，就是当我将光标移到程序上时会返回事件而不是事件。

**我有一些方法可以使用＆＃39; ref＆＃39;归因于引用，但我不知道如何获得光标位置。

Answer 1

handleMouseMove = (e) => {
  // there are several ways to get stage reference

  // first is
  var stage = e.currentTarget;

  // or this:
  stage = this.stageRef.getStage();

  // or even this:
  stage = e.target.getStage();

  this.setState({
    cursor: stage.getPointerPosition()
  });
}

https://codesandbox.io/s/xp9o58nl2z