# Updating an existing embedded svg

**URL:** <https://forum.inductiveautomation.com/t/updating-an-existing-embedded-svg/85454>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [February 8, 2024, 5:55pm UTC](https://forum.inductiveautomation.com/t/updating-an-existing-embedded-svg/85454 "2024-02-08T17:55:03Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jeff1](https://avatars.discourse-cdn.com/v4/letter/j/4af34b/32.png) [@jeff1](https://forum.inductiveautomation.com/u/jeff1)\
**Post date:** [February 8, 2024, 5:55pm UTC](https://forum.inductiveautomation.com/t/updating-an-existing-embedded-svg/85454/1 "2024-02-08T17:55:03Z")

</div>

Is there a way to "update" a SVG that is imported as an embedded image? Or does everbody delete the svg and re-import a new one?

I gather you have to re-import. If that the case you need to go through and recreate any bindings to the elements in the SVG. That isn't efficient and it appears people script to interact with the SVG elements?

I'm struggling with the paradigm shift of moving to perspective. I'm used to a more traditional visualization application where you drill down to an element and the animate it. Seems there is a whole in the free training to accomplish this fundamental task. I'm sitting on an unfriendly part of the learning curve..

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [February 8, 2024, 6:10pm UTC](https://forum.inductiveautomation.com/t/updating-an-existing-embedded-svg/85454/2 "2024-02-08T18:10:10Z")

</div>

I edit and reimport.

I don't typically use bindings for an SVG. I will use scripts. I also use a hybrid of SVG and overlay perspective components or views.

Drawing tools are coming soon, but that obviously doesn't make it better in the meantime.

---

<div class="post-metadata">

**Author:** ![jeff1](https://avatars.discourse-cdn.com/v4/letter/j/4af34b/32.png) [@jeff1](https://forum.inductiveautomation.com/u/jeff1)\
**Post date:** [February 8, 2024, 6:25pm UTC](https://forum.inductiveautomation.com/t/updating-an-existing-embedded-svg/85454/3 "2024-02-08T18:25:59Z")

</div>

It is nice to know that I'm at least somewhat on the correct track. Would you be able to share a very simple example of the script? Is it a gateway script?

I'm working on a hybrid as well. Using SVG for a base process diagram and then dropping components onto it.

---

<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:** [February 8, 2024, 6:32pm UTC](https://forum.inductiveautomation.com/t/updating-an-existing-embedded-svg/85454/4 "2024-02-08T18:32:23Z")

</div>

> [@jeff1](#):
>
> Is there a way to "update" a SVG that is imported as an embedded image? Or does everbody delete the svg and re-import a new one?

I have found no way to do this.

> [@jeff1](#):
>
> If that the case you need to go through and recreate any bindings to the elements in the SVG.

I have done enough with SVG's that I edit embedded SVG's in place.

Here's an 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…

For some info on the SVG syntax, the [Pocket Guide to Writing SVG](https://svgpocketguide.com/#intro) is a great resource.
