image gets distorted when downloaded if zoomed in browser (safari)

[nidhigoel-aq]

Code

let chart_data = await domtoimage.toPng(document.getElementById('chart'),
{
width: clientwidth,
height: container.clientHeight * scale,
filter: (node: Node) => node !== action1 && node !== action2 && node !== action3 && node !== action4 && node !== action5 && node !== action7,
style: {
transform: 'scale(' + scale + ')'
}
}
);

saveAs(chart_data, chartName + '.png');

Expected Image

Safari image

Issue

I use this code to save element as png. It works well on all browsers except when Safari is zoomed in. Some elements tend to shift while downloading in such a case.

Is there something I'm doing wrong?

No error in console.

Browsers

Safari version 17.5

[forever0714yuan]

你好，我已收到你的来信。辛苦了！！