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	5176	2 October 2019
Node-red-contrib-ui-svg produces scrollbars Dashboard	6	940	8 July 2021
Animation - Not working Industrial node-red-dashboard	19	665	21 March 2023
Dynamic Flow Chart Dashboard	2	1436	26 July 2021
An animated synopsis according to known states in the NR dashboard Dashboard	5	409	19 September 2022

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