The background image in the div becomes disordered after converting to canvas.

[jumodada]

Steps To Reproduce

body style

  width: 100%;
  height: 200vh;
  background-image: url("./assets/wallhaven-x6r2vz.jpg"); 
  background-repeat: repeat; 
  background-position: center center;
  background-size: cover;
  opacity: 0.5;

and

   toCanvas(document.body).then(res=>{
            document.body.appendChild(res)
        })

You can clearly see that the copied canvas style is completely inconsistent with the background image of the div.
I feel that the image style has not been fully copied.

Error Message & Stack Trace

<!-- Provide a log message if relevant -->

Your Environment

• html-to-image: 1.11.11
• OS: 12.5.1
• Browser: chrome

[biiibooo]

👋 @jumodada

Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.