Question

我有这样的东西：

<Stage>
  <Layer>
    <Rect />
      <Text
        ref={this.text}
        draggable 
        align="center"
      />
  </Layer>
</Stage>

文本在中心对齐，但是我需要垂直对齐。我怎样才能做到这一点？

我知道用普通帆布可以做textBaseline="center"，但是Konva等效于什么？

Answer 1

在Konva v2.3.0中，您可以使用verticalAlign属性：

<Text
  x={20}
  y={20}
  width={150}
  height={50}
  text="vertical align"
  verticalAlign="middle"
/>