poster-design icon indicating copy to clipboard operation
poster-design copied to clipboard

关于PSD.JS一行文本多种字体解析的问题

Open StoneRyanCn opened this issue 1 year ago • 3 comments

问题描述: 上传的PSD一行文本中,存在不同的字体,解析出来以后只有一种字体效果,这样就没有办法实现一行文本多种字体、多种颜色的变化效果。

期望实现的效果: 想要实现的效果如下(也就是对一行文本中任意文字修改颜色和字体): image

查阅查卷资料,有人说PSD.JS解析只支持单字体, 但是响应结果里,却有names字段,本来打算使用lengthArray与names进行一个对应关系,结果是无法匹配的,这个方法就行不通。 image

如果PSD.js无法解析此种多字体效果,基于咱们现在这套系统实现一行文本可实现不同字体,不同颜色,不同大小,有什么好的实现方法吗

StoneRyanCn avatar Jan 18 '24 09:01 StoneRyanCn

解析理论上应该是可以的,但是迅排设计目前尚不支持单个文本多种字体的功能

palxiao avatar Jan 18 '24 10:01 palxiao

现在的w-text.vue组件是用v-html显示的文字,如果基于现有的逻辑去实现一行文本多字体,多颜色的功能,只能去通过css样式控制去实现吗? 或者是使用canvas重写这里的功能呢,您有什么好的建议吗?

StoneRyanCn avatar Jan 18 '24 10:01 StoneRyanCn

现在的组件逻辑肯定是做不到的,要大改,可以参考稿定,把文字拆成span

palxiao avatar Jan 18 '24 11:01 palxiao