leafer-ui icon indicating copy to clipboard operation
leafer-ui copied to clipboard

node环境下rect阴影问题

Open bgyh2003 opened this issue 2 months ago • 1 comments

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如果是数组 且 只有一个阴影对象,导出正常。如果是多个阴影对象,导出无阴影效果

bgyh2003 avatar Nov 03 '25 06:11 bgyh2003

收到,谢谢反馈~

leaferjs avatar Nov 03 '25 06:11 leaferjs