是否可以使用react-konva在React JS中基于onClick事件绘制形状？

Question

我正在寻找一种在react-konva中基于鼠标事件绘制形状的方法，但只能找到在屏幕上静态绘制形状的方法

Answer 1

可以，您可以像<Stage width={yourWidth} height={yourHeight} ref={stageRef} onClick={handleClick}>一样将onClick事件添加到您的舞台，然后

const handleClick = (e) => {
    setCircles((prevCircles) => [
      ...prevCircles,
      {
        x: e.currentTarget.pointerPos.x,
        y: e.currentTarget.pointerPos.y,
        fill: "blue"
      }
    ]);
  }

别忘了在Stage中.map你的圈子状态;)