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

【问题标题】：Is it possible to draw a shape based on an onClick Event in React JS using react-konva?是否可以使用 react-konva 在 React JS 中基于 onClick 事件绘制形状？
【发布时间】：2021-06-15 10:23:36
【问题描述】：

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

【问题讨论】：

你尝试了什么？

标签： reactjs konvajs react-konva

【解决方案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"
      }
    ]);
  }

并且不要忘记在舞台内映射您的圈子状态；）

【讨论】：