search

leaferjs / leafer-ui

一款好用的 Canvas 渲染引擎，革新的体验。高效绘图 、UI 交互（小游戏、互动应用、组态）、图形编辑，前端开发必备~
https://www.leaferjs.com
MIT License
2.38k stars 82 forks source link

对自动宽度TEXT对齐行为的一点建议 #188

Closed ZhuFaRuHuan closed 4 hours ago

ZhuFaRuHuan commented 1 month ago

当TEXT设置为自动宽度时，发现textAlign='center' 和 textAlign='right' 会改变Text的实际坐标，表现为boxBounds.x为负值。这时如果想让Text的x回到原来的位置需要 text.x = text.x - text.boxBounds.x 这样的对齐方式虽然是主流图像编辑器如:PS的默认行为，但感觉对编程并不友好。自动宽度的 textAlign 建议只对多行文本生效，一般使用场景也多是用在多行段落对齐上，见下图： 未标题-1

只是一点小建议。

leaferjs commented 1 month ago

感谢反馈，有好几个人提过，看来可以增加个配置满足这种情况。

目前做编辑器的人比较多（我看PS/Sketch/Figma都是采用这种方式），之前的还是得保持有。

leaferjs commented 4 hours ago

已支持配置autoSizeAlign实现：https://www.leaferjs.com/ui/reference/display/Text.html#autosizealign-boolean