poster-design
poster-design copied to clipboard
关于PSD.JS一行文本多种字体解析的问题
问题描述: 上传的PSD一行文本中,存在不同的字体,解析出来以后只有一种字体效果,这样就没有办法实现一行文本多种字体、多种颜色的变化效果。
期望实现的效果: 想要实现的效果如下(也就是对一行文本中任意文字修改颜色和字体):
查阅查卷资料,有人说PSD.JS解析只支持单字体, 但是响应结果里,却有names字段,本来打算使用lengthArray与names进行一个对应关系,结果是无法匹配的,这个方法就行不通。
如果PSD.js无法解析此种多字体效果,基于咱们现在这套系统实现一行文本可实现不同字体,不同颜色,不同大小,有什么好的实现方法吗
解析理论上应该是可以的,但是迅排设计目前尚不支持单个文本多种字体的功能
现在的w-text.vue组件是用v-html显示的文字,如果基于现有的逻辑去实现一行文本多字体,多颜色的功能,只能去通过css样式控制去实现吗? 或者是使用canvas重写这里的功能呢,您有什么好的建议吗?
现在的组件逻辑肯定是做不到的,要大改,可以参考稿定,把文字拆成span