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