@pxgrow/gradient-editor 渐变编辑器在文本编辑时,radial、angular两个渐变会影响文本大小,文本会被拉升

[ZhengNan-coder]

// #渐变编辑 [角度渐变] import { App, Text } from 'leafer-ui' import '@leafer-in/editor' // 导入图形编辑器插件 import '@leafer-in/state' // 导入状态插件 import '@leafer-in/color' // 导入颜色插件 import '@leafer-in/viewport' // 导入视口插件 (可选)

import '@pxgrow/gradient-editor' // 导入渐变编辑插件

const app = new App({
view: window, editor: {}
})

const rect = new Text({
text:"测试测试测试",
fontSize:24,
x: 100,
y: 100,
width: 400,
height: 200,
editable: true,
editInner: 'GradientEditor', // 指定内部编辑器
fill: {
type: 'angular', // 从中心 -> 底部居中垂直绘制的渐变
stops: ['#FF4B4B', '#FEB027', '#79CB4D', '#FF4B4B']
}
})

app.tree.add(rect)

// 模拟双击元素打开渐变编辑器
setTimeout(() => {
app.editor.openInnerEditor(rect, true)
}, 600)

[leaferjs]

这个是开源版的问题，LeaferJS的文字之前不支持这两种渐变，不过最近已经修复过了，本周会发新版本