Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Performance issues on some browsers #289

Open
Lomkex1 opened this issue Mar 26, 2018 · 3 comments
Open

Performance issues on some browsers #289

Lomkex1 opened this issue Mar 26, 2018 · 3 comments

Comments

@Lomkex1
Copy link

Lomkex1 commented Mar 26, 2018

For some reason Chrome, Firefox, Opera and Edge don't optimize g tag transforms it repaints the whole g tag while transforming and it's very slow compared to other svg manipulation libraries.
On Safari it's working like a charm, no hiccups whatsoever.
Will there ever be an option to transform svg tag insted of g tag in future versions?

@bumbu
Copy link
Owner

bumbu commented Mar 31, 2018

Please see #277 as it has answers and more.
As a short answer - doing transforms on SVG tag will make us loose some features and not be compatible with IE8 (possibly even IE9). But I'd be open to have this functionality as a flag for those people who care about performance and don't need separate layers in their SVG.

Could you please share some links of other SVG libraries that have better performance? Maybe we can learn from them and borrow some code implementations?

@Lomkex1
Copy link
Author

Lomkex1 commented Apr 1, 2018

https://github.com/timmywil/jquery.panzoom
This library has a much better performance since it applies transform on a div tag and browsers renders it as a composite layer resulting in a stunning performance on lower end devices.

@bumbu
Copy link
Owner

bumbu commented Apr 1, 2018

Thank you for the example. I'll leave it open as an example for alternatives.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants