React-Konva 阶段的 getPointerPosition()

Question

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

渲染（）{ return( {this.handleStageOnMouseOver(e)} } > 你好世界 ); } ` 但是我发现了一些麻烦，那就是当我将光标移到程序上时，将 return 的事件而不是的事件。

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

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

React-Konva 阶段的 getPointerPosition()

getPointerPosition() of stage in React-Konva

reactjs

konvajs