gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 00:42:34 24 4
gpt4 key购买 nike

我无法将文本在 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>
)
}

最佳答案

它工作得很好。文本的宽度不受 Canvas 大小的限制。相反,它受限于自己的 width 属性。

如果你不设置宽度,它将是无限的。

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

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

关于reactjs - React-Konva 文本对齐和环绕不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45718952/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com