React-Konva文本對齊和包裝不起作用

Question

我無法將我的文本對齊到我的畫布上，當長度超過畫布長度時，我也無法將文本換行到新行。

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

它工作得很好。文本的寬度不受畫布大小的限制。相反，它受到自己的width財產的限制。

如果你沒有設置寬度，它將是無限的。

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

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