niklasvh / html2canvas

Screenshots with JavaScript
https://html2canvas.hertzen.com/
MIT License
30.48k stars 4.8k forks source link

Pixelated background-image on certain devices #3060

Open Roenbaeck opened 1 year ago

Roenbaeck commented 1 year ago

There is still an issue where a CSS 'background-image' may become blurry if rendered on certain devices. Here is an image rendered from a PC desktop running Edge: image

This is what it looks like when rendered from Safari in iOS on an iPhone 12 Pro Max: image

I am using html2canvas in my scoreboard app here: https://github.com/Roenbaeck/scoreboard

I've also tried various scale options, but they all look the same.

spencer1994 commented 1 year ago

I think the attribute of 'scale' isn't working for 'background-image' it should use '\' to replace