search

retyui / react-quick-pinch-zoom

A react component that providing multi-touch gestures for zooming and dragging on any DOM element.
https://react-quick-pinch-zoom.netlify.app/
308 stars 46 forks source link

Blurry content on iOS after zoom #47

Closed gevgeny closed 2 years ago

gevgeny commented 2 years ago

The issue can be reproduced in the demo app, just zoom the content on iPad and you will see that it is blurry

image
retyui commented 2 years ago

@gevgeny for svg elements I recommends apply transform html attr instead of style:

-<svg style="transform: scale3d(3, 3, 1) translate3d(-78.8333px, 0px, 0px);" />
+<svg transform="scale(3, 3) translate(-78.8333, 0)" />
gevgeny commented 2 years ago

@retyui have the same problem with transform and for HTML text, but anyway, looks like it is not the lib bug