Hi everyone, I created an SVG file by selecting “Paper Catalog” in MapView. I want to create an animated image from this SVG file. Is this possible and how can I do it?
Hi,
you can manipulate a SVG by using the paper widget properties described here:
https://help.br-automation.com/#/en/4/visualization/mappview/widgets/drawing/paper/konzept.html
Every manipulation of a SVG element is just done by using valid SVG XML syntax in a string variable, so you have to familiarize with the SVG format, for example by having a look here:
Best regards!
1 Like
I did some research here but didn’t understand anything. Are there any other examples of how to do this?
In the Automation Studio installation folder, named “Sample”, you can find the mvHighlight project, which contains a nice sample showing how to work with SVG. SVG is not a B&R topic, so you can find plenty of theory about it using Google or AI.
2 Likes
Hi @eem.ferhat,
as Alex shared the links already. I used that Information.
I just want to add some tips. In my case I used Inkscape to draw my svg.
It’s important to consider the Scale in Paper Widget with the SVG, otherwise you can see the object anymore.
In ST Code I just created my string. Where “select“ is the SVG ID, then I wrote the X/Y Position with“Translate”.
The other parameters for example the display = visible / invisible, or with fill you can change the color or even with the style.
I hope, that it could help you!
Or if you want to create your in SVG / Text als SVG Content, for example:
BR
Vanessa
3 Likes
Hi @eem.ferhat, please update about the status of your question. I think colleagues provided you with a lot of useful information.
Thank you Vanessa Cristobal, I hope this information is helpful, I will try it as soon as possible. Best regards.
1 Like