leafer-ui
leafer-ui copied to clipboard
node环境下rect阴影问题
node环境下,使用napi,rect无法设置多阴影。
import { useCanvas, Rect, Leafer } from "@leafer/node"
import napi from '@napi-rs/canvas'
import dataUrlToFile from "../lib/dataUrlToFile"
useCanvas("napi", napi)
describe('leafer', () => {
test('rect', async () => {
const leafer = new Leafer({
width: 800,
height: 600
});
const rect = new Rect({
x: 150,
y: 150,
width: 150,
height: 150,
fill: "blue",
shadow: [
{
x: 10,
y: 10,
blur: 10,
color: '#ff0000ff'
},
{
x: 5,
y: 5,
blur: 5,
color: '#fbff00b0'
}
]
})
leafer.add(rect)
const res = await leafer.export('png')
dataUrlToFile(res.data, __dirname + "/rect.png")
})
})
shadow如果是数组 且 只有一个阴影对象,导出正常。如果是多个阴影对象,导出无阴影效果
收到,谢谢反馈~