Linear gradient is scaled by background image size

[nexxeln]

Bug report

Description / Observed Behavior

When using linear gradient in backgroundImage, there's an error.

backgroundImage:
            'linear-gradient(#222222 1px , transparent 1px ),linear-gradient(to right, #222222 1px , transparent 1px )',

Cannot read properties of undefined (reading 'type')

Expected Behavior

Linear gradient should work.

Reproduction

Reproduction link.

Additional Context

0.0.15

[nexxeln]

Hey! It doesn't thrown an error now but still doesn't seem to work.

Reproduction link

If you look at the html native output you can see the background-image is working there but not in the satori output. Am I doing something wrong?

[shuding]

Ah that's another bug caused by background-size, I'll reopen this.

Temporary workaround is to multiple 1px by div_size / background_image_size. So vertical lines become 1200/100 = 12px and horizontal lines become 630/100 = 6.3px: example

[github-actions]

🎉 This issue has been resolved in version 0.4.10 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀