Hi!

I'm working in WinCC Unified 20.

I'm trying to make an Animated SVG consisting of an arrow on top of a straight line. I want to modify some of its properites directly on TIA Portal, and currently I'm able to:

-change its angle

-change the length of the line

-change the time for the motion to start

Unfortunately I'm unable to change the position of the <animateMotion> end. I have tried to set a 'path' and change it with a ParamProps value, as well as setting a ParamProps value in 'from' and 'to' properities without success.

Is it possible to dinamically alter the path of the arrow? if so, How can I do it

On the image attached, I've circled the section I'm trying to edit

Hi Stephan,

I am not using this code as a SVG graphic, but as a Dynamic Widget.

I'm importing the "*.svghmi" file from "SvgControls" folder in the project and creating a new type in the project library.

Sorry I didn't make that clear the first time!

Hi Stefan,

As you say it works in WinCC Unified PC Runtime, but I didn't know how it worked so thanks in that regard!

On the other hand, I normally use the 'path' attribute working with <animateMotion> but I couldn't make it so you can specify the path (or just a number in the path) inside the TIA Portal Interface properities. That's why I used 'from' and 'to' attributes, and It works for just a straight line if you specify the coordinates of start and end.

I'm trying to control the length of the line with a TIA Portal properity and I want the arrow traveling indefinitely along that path, whichever may be. A code like this should work, but the Dynamic SVG only "reads" the <hmi-bind:d> so the line actually changes its lenght but the <hmi-bind:path> is not working and the arrow wont travel.

If you say it's easier to do this animation part in TIA Portal with Javascript, I'll try that way instead of this. If you want the .svghmi file to try things yourself just ask, I'll attach it.