leafer-ui icon indicating copy to clipboard operation
leafer-ui copied to clipboard

文本框没有设置宽高,输入文字会自动换行,没有自适应宽高

Open 18398773590 opened this issue 7 months ago • 5 comments

https://github.com/user-attachments/assets/eed450ec-af17-4bc9-8978-74fe48c13784

Image

18398773590 avatar May 27 '25 10:05 18398773590

请给一个能直接复现的最小代码,我们测不出来😂。

leaferjs avatar May 28 '25 00:05 leaferjs

// 创建文本元素 const text = new Text({ name: getDefaultName(this.canvas.contentFrame), text: 'TEXT', x: innerPoint.x-60, y: innerPoint.y-10, fill: '#000000', fontSize: 20, editable: true, hitChildren: true, autoSizeAlign:false, }); 这里就是创建文本所使用到的代码

18398773590 avatar May 28 '25 01:05 18398773590

还遇到一个问题,verticalAlign垂直对齐方式遇到图片中的问题 垂直居中 Image 底部对齐 Image

18398773590 avatar May 28 '25 01:05 18398773590

收到,谢谢反馈,最好是能贴复现代码上来,不然我们复现不了不好解决问题~

leaferjs avatar May 28 '25 03:05 leaferjs

创建文本就是这样创建的 检查也没有继承其他的css const text = new Text({ name: getDefaultName(this.canvas.contentFrame), text: 'TEXT', x: innerPoint.x-60, y: innerPoint.y-10, fill: '#000000', fontSize: 20, editable: true, hitChildren: true, autoSizeAlign:false, });

const verticalAlign = useActiveObjectModel('verticalAlign') as any //垂直对齐方式 verticalAlign.value.onChange('top'); 顶部对齐 verticalAlign.value.onChange('middle');垂直居中 verticalAlign.value.onChange('bottom'); 底部对齐 就是直接这样设置的,然后位置就不对了,怀疑是跟文本的宽高有关,因为输入的时候没有设置宽高文字也会超出输入框

18398773590 avatar May 28 '25 04:05 18398773590