vercel / satori

Enlightened library to convert HTML and CSS to SVG

Home Page:https://og-playground.vercel.app

Repository from Github https://github.comvercel/satoriRepository from Github https://github.comvercel/satori

Crosshatch with `repeating-linear-gradient` does not match native HTML output

erxclau opened this issue · comments

Bug report

Description / Observed Behavior

This element produces an incorrect linear gradient:

<div
  style={{
    background: `repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px)`,
    width: 200,
    height: 200,
  }}
/>
Screenshot 2024-11-11 at 5 33 36 PM

Expected Behavior

Screenshot 2024-11-11 at 5 33 46 PM

Reproduction

Playground reproduction

Additional Context

v0.11.3