将Konva变换控件设置为画布顶部

Question

我正在尝试转换一个位于另一个层后面的图像，该图层包含一个png（模板）。我想将图像转换为该图层下方的图像，但保留它的位置，以便上面的图层保留为模板。

是否有可能在顶部显示变换控件？

<Stage width={480} height={620} onMouseDown={this.handleStageMouseDown}>
    {this.props.file ? (
      <Layer>
        <Uploaded file={this.props.file} />

        <TransformerComponent
          selectedShapeName={this.state.selectedShapeName}
        />
      </Layer>
    ) : null}
    <Layer listening={false}>
      <Overlay />
    </Layer>
  </Stage>

Answer 1

您需要更改节点的结构。只需在所有其他形状上显示变压器。如果您需要禁用覆盖层事件，可以使用listening={false}。

<Stage width={480} height={620} onMouseDown={this.handleStageMouseDown}>
  <Layer>
    {this.props.file &&
        <Uploaded file={this.props.file} />
    }
    {/* use listening={false} for image in overlay */}
    <Overlay/>
    <TransformerComponent
         selectedShapeName={this.state.selectedShapeName}
     />
</Stage>