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

Feature: Flag for render only the SVG animated path #118

Open
1 task done
dolpsdw opened this issue Nov 4, 2019 · 2 comments
Open
1 task done

Feature: Flag for render only the SVG animated path #118

dolpsdw opened this issue Nov 4, 2019 · 2 comments

Comments

@dolpsdw
Copy link

dolpsdw commented Nov 4, 2019

Type:

  • feature

Description:
Hi, i am experimenting with this plugins, i have to animate like 50+ paths and it was horrible on performance.

After going deep, i understood that the current implementation of the plugin, do 1 svg for original path, 1 svg for animated one.

I have been rewritting the plugin to work with Canvas animation #55 and find that it performs nice.
(CheckOut https://github.com/dolpsdw/leaflet-ant-path)

But i think that the most performant way has to be CSS thread (i have not done chrome performance test).

So For optimizing 50+ paths i think the best way is to manualy create the canvas layer outside the plugin, and call the antPath with the multipath (this actualy works).

And end with 1 Canvas layer and 1 svg for animation of all.

Summary: Can you add a flag that will only render the antPath ? with no solid path ?

@haydenseitz
Copy link

@dolpsdw are you seeing a "flashing" of the antPaths in Chrome? I have a project that is using 200+ antPaths, and it's producing a strange flashing effect when viewed in Chrome (no issue in Firefox)

@dolpsdw
Copy link
Author

dolpsdw commented Jun 22, 2020

@willhseitz Sorry, i didnt go near 200.
My test were inside ionic web render on an Android device.
The result was a slow animation :/

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