BetterTyped/react-zoom-pan-pinch

Initial Lag with Animation in Large SVG

umeeridrees opened this issue · 0 comments

I have a large SVG file that includes an image with dimensions 5000x2900, and the file size is approximately 9 MB. Within this SVG, there is a specific path that I need to zoom into. However, I've noticed that when I attempt to zoom in for the first time using zoomToElement, there is a noticeable lag. Subsequent zoom animations work perfectly without any issues.

Additional Information:
I have tried various methods to test the zoom, such as setTransform, and zoomIn, but both of them exhibit the same initial lag.

Windows 11, Chrome 114.0.5735.199

Please let me know if you require any further information or clarification. Thank you.