FFCreator icon indicating copy to clipboard operation
FFCreator copied to clipboard

能否让FFText这个Api,也支持设置宽高

Open rulaishenzhang opened this issue 4 years ago • 12 comments

能否让FFText这个Api,也支持设置宽高 因为,在开发在线制作工具时,每段文字块,会需要自己的背景颜色

1634106900393

rulaishenzhang avatar Oct 13 '21 06:10 rulaishenzhang

现在在api里有这个方法吧 setWH,设置宽高: https://github.com/tnfe/FFCreator/blob/9d04d2876e493524ac4ab500b1f435352d614dcd/types/lib/FFNode.d.ts#L138

javaswing avatar Oct 13 '21 06:10 javaswing

现在在api里有这个方法吧 setWH,设置宽高:

https://github.com/tnfe/FFCreator/blob/9d04d2876e493524ac4ab500b1f435352d614dcd/types/lib/FFNode.d.ts#L138

谢谢你,不过我测试了一下,没有生效

rulaishenzhang avatar Oct 13 '21 06:10 rulaishenzhang

WX20211013-171000

如上图,还有居右,line-height , letter-space等,希望让FFText尽可能多一些支持css的属性,这样对于可视化制作视频,会有很大的帮助,也许是我的技术还不太多,希望有大佬指点迷津

rulaishenzhang avatar Oct 13 '21 09:10 rulaishenzhang

目前对于FFText支持的style属性可以参考这个文件,且FFText在Canvas上的渲染都是在这里处理的

javaswing avatar Oct 13 '21 10:10 javaswing

目前对于FFText支持的style属性可以参考这个文件,且FFText在Canvas上的渲染都是在这里处理的

谢谢你,我这几天认真学习一下

rulaishenzhang avatar Oct 13 '21 10:10 rulaishenzhang

Oh, it can be supported in the future. Welcome to submit pr

drawcall avatar Oct 15 '21 03:10 drawcall

Oh, it can be supported in the future. Welcome to submit pr

预计哪个版本能支持呢?现在text就像html里的行内元素一样,比如span,无论setWH还是style都无法实现宽高设置。除非使用一些其他的方法,比如设置两个text,一个用padding和lineHeight来制作一个背景区域,上边再叠一个text显示内容。

hjane avatar Nov 02 '21 02:11 hjane

如果padding 上下左右的值不一样怎么设置?

hjane avatar Nov 02 '21 02:11 hjane

你计算x,y的位置吗?我这样做了

johntranz avatar Jan 26 '22 17:01 johntranz

Hello @drawcall ,

This is still an issue. using the below does in any way does not affect the width and height. 这仍然是一个问题。使用下面的内容不会以任何方式影响宽度和高度。

const text1 = new FFText({ text: 'FFText组件demo', x: json.width / 2, y: 130, width: 980, height: 200, w: 980, h: 200 }); text1.setWH(980, 200); text1.setSize(980, 200); text1.setColor('#ffffff'); text1.setBackgroundColor('#bc05a9'); text1.setStyle({ width: 980, height: 200, padding: [100,100,100,100] });

Screenshot 2024-03-14 at 11 07 32

jamesh-purr avatar Mar 14 '24 11:03 jamesh-purr

mark

drawcall avatar Mar 14 '24 13:03 drawcall

Hello @drawcall

Sorry mark?

jamesh-purr avatar Mar 14 '24 14:03 jamesh-purr