Map looks blurry using scaleWrapper

1

Hi all,
I´m using the scaleWrapper of @h_classen and it´s doing a great job in my projects! (By the way: thanks a lot for that, Hans-Gerd! :slight_smile: ) My problem now: I´m trying to use a HTML widget in combination with the wrapper. Without calling the wrapper everything looks fine, but if I call it, the map looks blurry. Just remove the function call ‘onLoad’ and you´ll see the difference. Any idea?

Thank in advance, regards,
Kalle

scaleWrap.zip (37.0 KB)

2

few existing workarounds: https://stackoverflow.com/questions/14677490/blurry-text-after-using-css-transform-scale-in-chrome

… but in the end i wouldn’t do a scale on the datawrapper-iframe. simply change width, height and position to adjust the iframe. the datawrapper-content should be responsive … i guess

1 Like
3

In Safari you can uncheck “Use WebKit graphics acceleration” in the Document Inspector. This doesn’t help Chrome for some reason, though.