React-Konva 文本对齐和环绕不起作用

Question

我无法将我的文本对齐到 canvas 的中心，当长度超过 canvas 的长度时，我也无法让文本换行。

import { Layer, Stage, Text } from 'react-konva';
render() {
return (
<Stage height={500} width={500}>
  <Layer>
    <Text fontSize={60} text="`HEYYYYYYYYYYYYYYYYYYYYYYY`"
        wrap="char" align="center" />
  </Layer>
</Stage>
)
}

Answer 1

它工作得很好。文本的宽度不受 canvas 大小的限制。相反，它受限于自身 width 属性.

如果您不设置宽度，它将是无限的。

<Text
  fontSize={60}
  text="HEYYYYYYYYYYYYYYYYYYYYYYY"
  wrap="char"
  align="center"
  width={700}
/>

http://jsbin.com/dolegimuvi/1/edit?js,output

React-Konva 文本对齐和环绕不起作用

React-Konva Text Alignment and Wrapping not working

canvas

reactjs

konvajs