[Bug]: The canvas created in headless mode looks distorted #1204

Would you like to work on a fix?

• Check this if you would like to implement a PR, we are more than happy to help you go through the process.

Current and expected behavior

Current behavior:
The canvas generated by the library works as it's supposed to in the normal browser.

However, in the headless mode of the browser triggered by the E2E tests, a screenshot of the canvas shows that its distorted.

Expected behavior:
The canvas is rendered in headless mode similarly to the normal browser mode

Reproduction

Create a canvas, take a screenshot of it with cypress in an E2E test while running it in headless mode with the browser of your choice

chart.js version

3.5.0

react-chartjs-2 version

4.3.1

Possible solution

No response