SVG not displaying correctly

[eMax]

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

But in the browser I see it like this:

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:

[victordcq]

I also notice this misalignment,

Seems similar to this:

[BUG 11825] Embedded Coordinate Container with Pipes Do Not Resize on Page Launch

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…

[Steve_Laubach]

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.

[eMax]

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

Perspective: drawing lines and polygons

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?

[nminchin]

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