# SVG not displaying correctly

**URL:** <https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 20, 2025, 12:48pm UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102 "2025-01-20T12:48:19Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![eMax](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@eMax](https://forum.inductiveautomation.com/u/eMax)\
**Post date:** [January 20, 2025, 12:48pm UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/1 "2025-01-20T12:48:19Z")

</div>

Hi all,  
I have a problem with an SVG symbol that I use as a pipe.  
In designer I see it like this:

 ![SVG_Designer](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/7/b748b981dd879653b22806655c707782fd422641.jpeg)  
But in the browser I see it like this:  
 ![SVG_Browser](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/8/a84e55185985024b9205f5344ed4cf01acd2ac27.jpeg)  
Up until last week everything was working fine. I don't know what changed ☹  
The problem is that it does it on all pipes in every view.  
has anyone ever had a similar problem?  
Thanks a lot:  
 ![SVG Props](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/b/db62616b89277572ae5136c2762e37a688e01828.jpeg)  
 ![SVG Path](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/f/bfe7e3477621abde7b6bdb109696acb589771a87.jpeg)

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 20, 2025, 1:58pm UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/2 "2025-01-20T13:58:42Z")

</div>

I also notice this misalignment,

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/f/0f2e11be91ff5cc8210af6b701d1f700582cd57b.png)

Seems similar to this:

> [@\[BUG 11825\] Embedded Coordinate Container with Pipes Do Not Resize on Page Launch](https://forum.inductiveautomation.com/t/bug-11825-embedded-coordinate-container-with-pipes-do-not-resize-on-page-launch/100831/11):
>
> Well this is a major display issue for us now after upgrading, so I decided to see if I could work around it somehow. I added a dreaded sleep just to test, to an onchange event when the primary view's page changed size, which simply reads the aspect ratio and changes it by 1 pixel so as to force the page components to readjust, and it did work. The sleep itself is set to 100ms. It's certainly not a permanent fix and it's a horrible work around, but it does realign the pipes... It would be a nigh…

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [January 20, 2025, 2:52pm UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/3 "2025-01-20T14:52:36Z")

</div>

If I understand what you're showing in the screenshot, you have separate SVGs for individual pipes.

I think victor is right about what's happening if that's the case.

SVGs won't necessarily stretch the same unless they are all in the same view scale. You can layer SVG on top of each other if the viewbox for all of them is the same size but generally you want to have all of the drawn objects in the same viewbox.

That said, I don't prefer using svgs for pipes in Ignition 8.1.x. The drawing tools in 8.3 may change my opinion on that but I feel like it creates a lot of extra effort in managing things to use SVGs for pipes because the view boxes will stretch and the drawing will float around.

---

<div class="post-metadata">

**Author:** ![eMax](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@eMax](https://forum.inductiveautomation.com/u/eMax)\
**Post date:** [January 20, 2025, 7:24pm UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/4 "2025-01-20T19:24:22Z")

</div>

@Steve_Laubach I agree,  
I'm thinking of switching from SVGs to labels, as suggested in this post:

> [@Perspective: drawing lines and polygons](https://forum.inductiveautomation.com/t/perspective-drawing-lines-and-polygons/95479/3):
>
> You are better of just creating an svg. Well you can use polygon if its only straight lines if you need bends you will need paths, which is a bit harder you can acces the svg element component by dragging in something from the symbol factory

Could I have the same stretching problem using labels instead of SVGs?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [January 21, 2025, 12:50am UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/5 "2025-01-21T00:50:07Z")

</div>

If you slightly change the size of the browser in either or both axes (horizontally and/or vertically), does it fix the alignment? If so, you're seeing the issue I raised a bug for in the post Victor linked

---

<div class="post-metadata">

**Author:** ![eMax](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@eMax](https://forum.inductiveautomation.com/u/eMax)\
**Post date:** [January 21, 2025, 9:48am UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/6 "2025-01-21T09:48:43Z")

</div>

If I slightly change the browser size in one or both axes (horizontal and/or vertical), the alignment corrects itself on some elements but not on others. The thing that I can't understand is that until last week I had no problem. It must be said that on the company computers there was a Windows update... let's not say that.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [January 21, 2025, 1:41pm UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/7 "2025-01-21T13:41:20Z")

</div>

> [@eMax](#):
>
> It must be said that on the company computers there was a Windows update... let's not say that.

I say that running Windows in production environments is engineering malpractice. Y'all are welcome to chime in.

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [January 21, 2025, 3:33pm UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/8 "2025-01-21T15:33:26Z")

</div>

The more we use Linux in production environments the more on board I am.

---

<div class="post-metadata">

**Author:** ![eMax](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@eMax](https://forum.inductiveautomation.com/u/eMax)\
**Post date:** [January 21, 2025, 9:03pm UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/9 "2025-01-21T21:03:45Z")

</div>

seems like an interesting suggestion 🙂  
tomorrow I will try to propose this topic to my bosses.  
Could you please suggest me some stable "distro" that I can try with ignition?

---

<div class="post-metadata">

**Author:** ![eMax](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@eMax](https://forum.inductiveautomation.com/u/eMax)\
**Post date:** [January 21, 2025, 9:04pm UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/10 "2025-01-21T21:04:19Z")

</div>

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [January 21, 2025, 9:22pm UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/11 "2025-01-21T21:22:16Z")

</div>

I'm not a Linux expert. My boss does the Linux configurations. We're using debian on several internal development systems.

I think we're using ubuntu in the field on a production installation.

We haven't had any problems yet in either of those.

---

<div class="post-metadata">

**Author:** ![michael.flagler](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/michael.flagler/32/26272_2.png) [@michael.flagler](https://forum.inductiveautomation.com/u/michael.flagler)\
**Post date:** [January 21, 2025, 10:26pm UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/12 "2025-01-21T22:26:57Z")

</div>

I believe there's been some weird issues with on-screen keyboards on some distros, and while I like Kubuntu for Vision projects that use the Ignition OSK, for Perspective projects, I've found PopOS works better.

The only thing I'll say about moving to Linux is that while I love it, a lot of other guys I work with and many clients have absolutely ZERO experience working with it, so I get called anytime they need to do anything at all (change an IP, update Ignition, etc). No matter how much I encourage them to learn it, no one does.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [January 22, 2025, 12:08am UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/13 "2025-01-22T00:08:28Z")

</div>

> [@michael.flagler](#):
>
> No matter how much I encourage them to learn it, no one does.

Because it's like learning a new programming language that you're only going to use every so often

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [January 22, 2025, 12:23am UTC](https://forum.inductiveautomation.com/t/svg-not-displaying-correctly/101102/14 "2025-01-22T00:23:14Z")

</div>

> [@nminchin](#):
>
> only going to use every so often

That's one of the reasons I run my primary workstation with Linux. So I **am** using it all the time.
