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.
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.