# Change SVG Path/Code via Binding/Script

**URL:** <https://forum.inductiveautomation.com/t/change-svg-path-code-via-binding-script/90620>\
**Category:** Ignition\
**Tags:** ignition81, vision\
**Created:** [May 20, 2024, 2:14pm UTC](https://forum.inductiveautomation.com/t/change-svg-path-code-via-binding-script/90620 "2024-05-20T14:14:53Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [May 20, 2024, 6:03pm UTC](https://forum.inductiveautomation.com/t/change-svg-path-code-via-binding-script/90620/8 "2024-05-20T18:03:00Z")

</div>

To my knowledge, there is no way to dynamically modify an SVG inside of vision. SVG's inside of vision are for all intents and purposes an image. You could have multiple SVG's and swap them with the visibility but I take that you're aware of that approach. I suppose you might be able to do it with some Java, but I have had no need nor the desire to take that approach.

IMHO, the much better approach (if not the only one) in vision is to use a paintable canvas. Several posts about that approach around the forum.

With perspective, however, this is possible. How you would do it would depend on what exactly you're needing.

A good starting example:

> [@How to add animation by HTML/CSS scripts in Perspective?](https://forum.inductiveautomation.com/t/how-to-add-animation-by-html-css-scripts-in-perspective/75523/14):
>
> Okay, so it took me longer than I wanted (my laptop died), but I finally did get around to completing this, and I have to say I'm pretty pleased with the result. This was a fun exercise and I learned something good along the way. I will give you a disclaimer though, other than a rough idea of what an Azimuth Propeller is, I don't know much else. So for instance, I have no idea what the yellow triangle is supposed to indicate and so I didn't add it. I made some assumptions on how I think the re…

Based on what you say you're wanting to do, I would create multiple elements or groups of elements for each of the configurations. Then I would apply a visibility property with a binding to make them visible or not based on the selected configuration.

---

_[View the full topic](https://forum.inductiveautomation.com/t/change-svg-path-code-via-binding-script/90620)._
