React-Konva 阶段的 getPointerPosition()

IT技术 reactjs konvajs
2021-05-08 07:44:57

我想通过 getPointerPosition() `handleStageOnMouseMove(e){ console.log(e.getPointerPosition()); 在 React-Konva 的舞台上获取光标位置;}

render(){ return( {this.handleStageOnMouseOver(e)} } > Hello World ); } ` 但是我发现了一些麻烦,那就是当我将光标移到程序上时,将返回 's 事件而不是 's 事件。

** 我有一些使用“ref”属性来引用的方法,但我不知道如何获取光标位置。

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