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

Opening animated svg from url #1534

Closed
schmru opened this issue Feb 15, 2021 · 8 comments
Closed

Opening animated svg from url #1534

schmru opened this issue Feb 15, 2021 · 8 comments
Labels
Close when stale This issue is going to be closed when there is no activity for a while Missing repro This issue need minimum repro scenario

Comments

@schmru
Copy link

schmru commented Feb 15, 2021

Hello, I have been trying to open animated svg from url (sorry cant give you the url to svg since it is made for work). The svg was made by the designer and it works normal, it is animated, when opening link.

I am using "react-native-svg": "^12.1.0" and am opening svg this way:

<SvgCssUri uri={imageURL} style={imageStyle} height={height} width={width} />

Am I missing something or is this not supported?

@lfrkovic-spaceiq
Copy link

Did you ever get this working @schmru?

@ulisesmac
Copy link

ulisesmac commented Jan 23, 2024

@schmru I'm wondering the same as @lfrkovic-spaceiq
Did you manage to solve it?

@thomasread99
Copy link

@schmru @lfrkovic-spaceiq @ulisesmac did any of you manage to get this working? I have some animated SVGs on a server and but when I load them using SvgUri I just get the static image back

@bohdanprog
Copy link
Member

Hello @schmru, @thomasread99, @ulisesmac @thomasread99,
Are you still experiencing that issue? Kindly provide an example and steps to reproduce it.
Thank you.

@bohdanprog bohdanprog added Missing repro This issue need minimum repro scenario Close when stale This issue is going to be closed when there is no activity for a while labels Jun 17, 2024
@thomasread99
Copy link

thomasread99 commented Jun 17, 2024

@bohdanprog yes I am still experiencing this issue. I have the animated SVGs stored on a server, and I retrieve them to the app with the following:

 <SvgUri
    uri={`${constants.images}`}
    style={styles.image}
 />

image: {
    width: wp(20),
    height: wp(20),
    marginVertical: hp(1),
},

where constants.image is the image URI. Let me know if you need any further information.

The SVG is appearing correctly on the app, but without the animation.

@github-actions github-actions bot removed the Close when stale This issue is going to be closed when there is no activity for a while label Jun 17, 2024
@bohdanprog
Copy link
Member

@thomasread99, How do you animate your SVGs? Do you have inside your SVG animate tag?

@thomasread99
Copy link

@bohdanprog the actual SVG itself is animated. I got them from an open source collection, and then added them to my own server. Here is an example of one of them. I do not have it inside an animate tag
1000

@bohdanprog
Copy link
Member

@thomasread99, Unfortunately, we do not currently support that particular animation. Perhaps in the future, we may consider adding that feature, but it is currently unavailable.

@bohdanprog bohdanprog added the Close when stale This issue is going to be closed when there is no activity for a while label Jun 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Close when stale This issue is going to be closed when there is no activity for a while Missing repro This issue need minimum repro scenario
Projects
None yet
Development

No branches or pull requests

5 participants