# How to draw a Pipe and Rotate Symbol in Perspective 8.1.2

**URL:** <https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 27, 2021, 2:29pm UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903 "2021-02-27T14:29:36Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![kartik.shah.2006](https://avatars.discourse-cdn.com/v4/letter/k/a9a28c/32.png) [@kartik.shah.2006](https://forum.inductiveautomation.com/u/kartik.shah.2006)\
**Post date:** [February 27, 2021, 2:29pm UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903/1 "2021-02-27T14:29:36Z")

</div>

Hi, I am working on a project and creating a page in ignition perspective 8.1.2.  
Please let me know how can i do following items?

- Draw a Pipe or Line
- How to Flip a Symbol e.g. vessel symbol with P&ID

---

<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 28, 2021, 10:09pm UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903/2 "2021-02-28T22:09:34Z")

</div>

Don't think drawing tools exist yet, but maybe this link will help:

> [@Perspective Drawing P&ID Views & Pipes](http://forum.inductiveautomation.com/t/perspective-drawing-p-id-views-pipes/24506/5):
>
> Piping is actively being worked on. There isn’t a time frame for this feature though as there is a lot involved. Sorry I don’t have a better time frame frowning_face

---

<div class="post-metadata">

**Author:** ![kartik.shah.2006](https://avatars.discourse-cdn.com/v4/letter/k/a9a28c/32.png) [@kartik.shah.2006](https://forum.inductiveautomation.com/u/kartik.shah.2006)\
**Post date:** [February 28, 2021, 11:09pm UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903/3 "2021-02-28T23:09:22Z")

</div>

Thanks and any idea about mirroring of new symbols in 8.1.2

---

<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 28, 2021, 11:17pm UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903/4 "2021-02-28T23:17:46Z")

</div>

I haven’t installed 8.1.2 yet, so I can’t speak to that. I would assume you can rotate, kind of useless if you couldn’t.

---

<div class="post-metadata">

**Author:** ![kartik.shah.2006](https://avatars.discourse-cdn.com/v4/letter/k/a9a28c/32.png) [@kartik.shah.2006](https://forum.inductiveautomation.com/u/kartik.shah.2006)\
**Post date:** [February 28, 2021, 11:32pm UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903/5 "2021-02-28T23:32:12Z")

</div>

ok.  
Exactly and i haven’t found an option to mirror it yet.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [March 1, 2021, 1:09am UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903/6 "2021-03-01T01:09:27Z")

</div>

To flip a symbol or icon, you need to add a property to the `style` object, and this new property should be called `transform`. Set the value fo this new `transform` property to be `scale(-1, 1)`. This mirrors the symbol/icon over the y-axis. A scale value of `scale(1, -1)` would mirror the symbol/icon over the x-axis (and make t appear upside-down).

Before:

 ![Screen Shot 2021-02-28 at 5.08.43PM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/8/583549f7e658346f9c3ea97bca2fca1fc1bb3129.png)

After:

 ![Screen Shot 2021-02-28 at 5.08.35PM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/1/b1656a0539e1280b798071bc1907aa0714381ba5.png)

---

<div class="post-metadata">

**Author:** ![kartik.shah.2006](https://avatars.discourse-cdn.com/v4/letter/k/a9a28c/32.png) [@kartik.shah.2006](https://forum.inductiveautomation.com/u/kartik.shah.2006)\
**Post date:** [March 1, 2021, 9:29am UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903/7 "2021-03-01T09:29:29Z")

</div>

Thanks but i think you are talking about normal symbols where as i am more interested in symbols pallet symbol and still its not working with transform.

e.g. vessel symbol as show below and want to change the fill level from left to right.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/c/9c13c6bf8bb0c301423189503b2e213b03208c4e.png)

like to mirror horizontally as follows but only fill level not direction or text or label.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/6/76986208a92ca69b68f496b83a996f49e360f20c.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [March 1, 2021, 4:47pm UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903/8 "2021-03-01T16:47:36Z")

</div>

Ah, I see. The transform applies to the entirety of the component, and this includes the label and text. If you want the vessel flipped and _not_ the text, then you’ll need to supply your own separate label.

---

<div class="post-metadata">

**Author:** ![kartik.shah.2006](https://avatars.discourse-cdn.com/v4/letter/k/a9a28c/32.png) [@kartik.shah.2006](https://forum.inductiveautomation.com/u/kartik.shah.2006)\
**Post date:** [March 1, 2021, 11:18pm UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903/9 "2021-03-01T23:18:05Z")

</div>

Sorry but its not working for me as a mirror image, i am not sure if i am missing something or doing it wrong. Its same in designer and also in session.  
Designer

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/f/4f8d3075913d824cb31d2b3e5c452aef5efdc82f.png)  
Session  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/5/052bc07bbac3d77b4b368ef1b7c6ab23839ab996.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [March 2, 2021, 5:09am UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903/10 "2021-03-02T05:09:22Z")

</div>

You added `transform` as a child property of `props`, instead of adding `transform` as a child of `style`. If you look closely at the screenshot I provided, you can see that the indentation of `classes` and `transform` should be the same as they are both children of `style`.

Click the `+` icon which appears to the right of `style` while hovering over `style` and select “Value”. Change this new key to “transform”.  
 ![Screen Shot 2021-03-01 at 9.10.14PM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/b/1bf9c7dac7cf554ebd2543558f1ee1416ffb55db.png)

---

<div class="post-metadata">

**Author:** ![kartik.shah.2006](https://avatars.discourse-cdn.com/v4/letter/k/a9a28c/32.png) [@kartik.shah.2006](https://forum.inductiveautomation.com/u/kartik.shah.2006)\
**Post date:** [March 2, 2021, 6:07am UTC](https://forum.inductiveautomation.com/t/how-to-draw-a-pipe-and-rotate-symbol-in-perspective-8-1-2/43903/11 "2021-03-02T06:07:48Z")

</div>

ohk that makes sense. Thank you very much for your help and support.
