我无法将文本对齐以在画布上居中,当长度超过画布长度时,也无法将文本换行到新行。
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>
)
}
它工作得很好。文本的宽度不受画布大小的限制。相反,它受到自己的width
属性的限制。
如果您不设置宽度,它将是无限的。
<Text
fontSize={60}
text="HEYYYYYYYYYYYYYYYYYYYYYYY"
wrap="char"
align="center"
width={700}
/>
http://jsbin.com/dolegimuvi/1/edit?js,output