Dears, I am using the node-red-contrib-ui-svg to shows an industrial dashboard. I would have an animation where a rectangle can be expand and retract, to show like filling tank moviment. But I don't get find the correct effect using the Animate guide of the svg node. Can someone help me? Thanks

Hi @bobfield , Your question looked very simple to me. Just animation a gradientFill offset property and we are ready. But it seems indeed not that easy. Although I thought I have already created something like that. But can't find it anymore, so perhaps I didn't... So I wouldn't know at the mo…

Steve-Mcl 12 September 2023 22:48 3

Not sure about cleaner (or even 100% relevant) but similar & maybe useful to someone...

1 Like

Topic		Replies	Views
Announce node-red-contrib-ui-svg : feedback request Share Your Nodes	43	5305	2 October 2019
SVG animation tank level Dashboard	2	197	11 April 2024
Node-red-contrib-ui-svg produces scrollbars Dashboard	6	990	8 July 2021
Animation - Not working Industrial node-red-dashboard	19	716	21 March 2023
Beginner help with node - Change fill color SVG Graphics General	6	2464	26 April 2020

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Animation SVG object by node-red-contrib-ui-svg

Related topics