Open
Description
Bug report
Description / Observed Behavior
I use ImageResponse from next/js to generate a image. Satori does not generate the image in this code match the browser-rendered HTML output.
Expected Behavior
Got a rendered svg.
Reproduction
The PNG is not the same as I expected.
new ImageResponse(
(
<div
style={{
width: "1200px",
height: "630px",
padding: "80px",
display: "flex",
background: "linear-gradient(35deg,#68E5DE, #03A8FF)",
}}
>
<p>
<span
style={{
fontSize: "60px",
lineHeight: "100px",
backgroundColor: "white",
}}
>
Lorem ipsum dolor sit amet, consectetur adipiscin elit, sed do
eiusmod tempor incididunt
</span>
</p>
</div>
),
{
fonts: [
{
name: "Klavika",
data: await klavika,
style: "normal",
weight: 600,
},
],
width: 1200,
height: 630,
},
);
Additional Context
Node.js v20.11.0. next/js v14.2.6
Metadata
Metadata
Assignees
Labels
No labels