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

feSpotLight element will not animate in Preview #179

Open
LibraSun opened this issue Oct 7, 2024 · 0 comments
Open

feSpotLight element will not animate in Preview #179

LibraSun opened this issue Oct 7, 2024 · 0 comments

Comments

@LibraSun
Copy link

LibraSun commented Oct 7, 2024

It would be nice if SVG2 Extension would render certain animation correctly in the way other platforms (Chrome browser, Boxy, SVG Viewer, etc.) currently do.

Namely, a previewed SVG image of the following form remains static in VSCode, whereas it animates correctly in other IDEs:
svg
filter id="filt"
feTurbulence
feSpecularLighting
feSpotLight ... pointsAtX="100" ...
<animate attributeName="pointsAtX" values="100;50;100" ... />
feComposite
/filter
...
<circle ... style="filter:url(#filt)" />
/svg

The spotlight effect will appear on the Circle shape, as defined, but only with its initial values. An identical copy of this SVG code in, say, Boxy-SVG animates fluidly and consistently. Viewing an HTML file containing the code likewise previews correctly, showing an animated spotlight effect sweeping from left to right.

SVG2 is the only SVG-centric extension I have enabled. Installing others (e.g. "SVG Preview") did not rectify this issue.

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

1 participant