# Symbol factory mirror horizontal to perspective

**URL:** <https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395>\
**Category:** Ignition\
**Created:** [August 5, 2020, 6:00am UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395 "2020-08-05T06:00:46Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![giuseppe.teobaldo](https://avatars.discourse-cdn.com/v4/letter/g/e0b2c6/32.png) [@giuseppe.teobaldo](https://forum.inductiveautomation.com/u/giuseppe.teobaldo)\
**Post date:** [August 5, 2020, 6:00am UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/1 "2020-08-05T06:00:46Z")

</div>

Hi I’m developing an application with perspective version 8.0.12. I need your support on 2 points in particular.  
1- I can’t understand how I can perform a horizontal / vertical mirror of the images uploaded by the symbol factory.  
2- My application involves the graphic representation of a water treatment P&I, I use all the symbology present inside the symbol factory and I load them inside a coordinated container (x, y), but when I go to resize my worksheet I realize that the objects move unevenly as they have been designed. Is it possible to solve this problem?

I thank you for your help

Good job

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [August 5, 2020, 3:33pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/2 "2020-08-05T15:33:44Z")

</div>

To mirror horizontally, add a `transform: scaleX(-1)` key to ‘styles’ - this uses CSS in the browser to flip the image:

> **[Flip an Image](https://css-tricks.com/snippets/css/flip-an-image/)**
>
> You can flip images with CSS! Possible scenario: having only one graphic for an "arrow", but flipping it around to point in different directions.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/8/d8a23e52c8bd8d7a173750a4a84f5dec3fe48e35.png)

For the latter - there’s a lot of different options to (try) to preserve things. To start, try specifying an aspect ratio in the coordinate container’s options. That will have some negative ramifications for layout, but makes the layout calculations a lot less likely to break.

---

<div class="post-metadata">

**Author:** ![giuseppe.teobaldo](https://avatars.discourse-cdn.com/v4/letter/g/e0b2c6/32.png) [@giuseppe.teobaldo](https://forum.inductiveautomation.com/u/giuseppe.teobaldo)\
**Post date:** [August 6, 2020, 2:58pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/3 "2020-08-06T14:58:43Z")

</div>

Thank you for your support

But does the mirror function in version 8.0.12 not work?

Am I wrong?

 ![Transform](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/6/e658c8782ec7c20be61741f15fa6bac24bbad8e0.png)

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [August 6, 2020, 3:58pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/4 "2020-08-06T15:58:35Z")

</div>

It should, but regardless, is there a reason to still be on 8.0.12? Does it work in an actual session, outside of the Designer?

---

<div class="post-metadata">

**Author:** ![aamjad](https://avatars.discourse-cdn.com/v4/letter/a/f05b48/32.png) [@aamjad](https://forum.inductiveautomation.com/u/aamjad)\
**Post date:** [February 25, 2021, 12:05pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/5 "2021-02-25T12:05:23Z")

</div>

Thank you

---

<div class="post-metadata">

**Author:** ![qliu](https://avatars.discourse-cdn.com/v4/letter/q/bc8723/32.png) [@qliu](https://forum.inductiveautomation.com/u/qliu)\
**Post date:** [March 28, 2021, 5:50pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/6 "2021-03-28T17:50:35Z")

</div>

Hey PG, I can use scaleX(-1) for horizontal mirroring a No crescent arrow, but can’t use scaleY(-1) for vertical mirroring.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/a/6a73e895a05e88cde33753689bdb3fd8b90ccdee.png)

---

<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:** [March 28, 2021, 8:54pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/7 "2021-03-28T20:54:42Z")

</div>

Can you use `scale(-1, - 1)`?

---

<div class="post-metadata">

**Author:** ![qliu](https://avatars.discourse-cdn.com/v4/letter/q/bc8723/32.png) [@qliu](https://forum.inductiveautomation.com/u/qliu)\
**Post date:** [March 29, 2021, 1:07pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/8 "2021-03-29T13:07:46Z")

</div>

Thank you sir, I try a vertical arrow, by using scaleY(-1), the arrow can flip vertically, but not horizontally. OMG…

---

<div class="post-metadata">

**Author:** ![Rusty](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rusty/32/19859_2.png) [@Rusty](https://forum.inductiveautomation.com/u/Rusty)\
**Post date:** [March 1, 2022, 2:49pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/9 "2022-03-01T14:49:42Z")

</div>

Can the Symbol Factory images be mirrored in Vision too?

---

<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:** [March 1, 2022, 8:37pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/10 "2022-03-01T20:37:07Z")

</div>

You should be able to use the mirror functions to do that in Vision in the drawing toolbox

---

<div class="post-metadata">

**Author:** ![Rusty](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rusty/32/19859_2.png) [@Rusty](https://forum.inductiveautomation.com/u/Rusty)\
**Post date:** [March 1, 2022, 9:03pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/11 "2022-03-01T21:03:35Z")

</div>

Thanks, do you mean the mirror functions described here: [https://docs.inductiveautomation.com/display/DOC81/Vision±+Image#VisionImage-Examples](https://docs.inductiveautomation.com/display/DOC81/Vision+-+Image#VisionImage-Examples)

Do you have an example of how to use any of those? For example, where would I type in the “.flipVertical” ?

---

<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:** [March 2, 2022, 12:54am UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/12 "2022-03-02T00:54:49Z")

</div>

I was talking about these in the Drawing Tools bar:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/b/4b4833ef6e402c1cd0600bba139ba360e6d1f782.png)

Those other properties (`flipVertical`) apply to the Image component if you’re using that  
[https://docs.inductiveautomation.com/display/DOC81/Drawing+Tools](https://docs.inductiveautomation.com/display/DOC81/Drawing+Tools)

---

<div class="post-metadata">

**Author:** ![Rusty](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rusty/32/19859_2.png) [@Rusty](https://forum.inductiveautomation.com/u/Rusty)\
**Post date:** [March 2, 2022, 2:02pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-mirror-horizontal-to-perspective/37395/13 "2022-03-02T14:02:36Z")

</div>

Excellent, I somehow never noticed those tools, I thought the only drawing tools are those on the right toolbar 🙂
