getPointerPosition() этапа в React-Konva

Question

Я хотел бы получить позицию курсора на сцене в React-Konva с помощью getPointerPosition () `handleStageOnMouseMove (e) {console.log (e.getPointerPosition ()); }

render () {return ({this.handleStageOnMouseOver (e)}}> Hello World); } `Но я обнаружил некоторую проблему в том, что когда я наведу курсор на программу, она вернет событие вместо события.

** У меня есть метод, который использует атрибут 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