# Control visibility of an element in SVG shape in perspective

**URL:** <https://forum.inductiveautomation.com/t/control-visibility-of-an-element-in-svg-shape-in-perspective/24279>\
**Category:** Ignition Early Access\
**Created:** [April 21, 2019, 11:26am UTC](https://forum.inductiveautomation.com/t/control-visibility-of-an-element-in-svg-shape-in-perspective/24279 "2019-04-21T11:26:24Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![chris.roys](https://avatars.discourse-cdn.com/v4/letter/c/e9c0ed/32.png) [@chris.roys](https://forum.inductiveautomation.com/u/chris.roys)\
**Post date:** [April 21, 2019, 11:26am UTC](https://forum.inductiveautomation.com/t/control-visibility-of-an-element-in-svg-shape-in-perspective/24279/1 "2019-04-21T11:26:24Z")

</div>

Hi

I use symbol factory graphic and some other SVG graphic for my project in perspective.  
The import SVG or symbol factory graphic is treat as a single source of graphic even they group together.  
I can access different part by accessing elements in PROPS. The problem is there is no properties for visibility, position and angle in elements. So I can’t bind make the part of SVG shape dynamic.  
I also want for example to rotate some part of imported symbol factory.  
Is there a solution for it? or will it be current in future release?

![control%20visibility%20of%20element%20in%20svg%20shape](https://us1.discourse-cdn.com/inductiveautomation/original/2X/8/80dba14264b7b4f1a432daadeebb3841885b3ac3.jpeg)

For example the ‘cooling fan’ symbol under ‘blower etc’ make from two main parts: fan blades and fan frame. If I want to rotate the blade there is properties for it.

---

<div class="post-metadata">

**Author:** ![PRAMANJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pramanj/32/66935_2.png) [@PRAMANJ](https://forum.inductiveautomation.com/u/PRAMANJ)\
**Post date:** [April 22, 2019, 5:10am UTC](https://forum.inductiveautomation.com/t/control-visibility-of-an-element-in-svg-shape-in-perspective/24279/2 "2019-04-22T05:10:13Z")

</div>

These are not difficult to build in SVG and I am sure Ignition will be able to provide these features in coming releases.

---

<div class="post-metadata">

**Author:** ![chris.roys](https://avatars.discourse-cdn.com/v4/letter/c/e9c0ed/32.png) [@chris.roys](https://forum.inductiveautomation.com/u/chris.roys)\
**Post date:** [April 23, 2019, 3:21am UTC](https://forum.inductiveautomation.com/t/control-visibility-of-an-element-in-svg-shape-in-perspective/24279/3 "2019-04-23T03:21:52Z")

</div>

I hope the first thing they add is group capability

---

<div class="post-metadata">

**Author:** ![PerryAJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/perryaj/32/3281_2.png) [@PerryAJ](https://forum.inductiveautomation.com/u/PerryAJ)\
**Post date:** [May 16, 2019, 6:40pm UTC](https://forum.inductiveautomation.com/t/control-visibility-of-an-element-in-svg-shape-in-perspective/24279/4 "2019-05-16T18:40:38Z")

</div>

Right now there isn’t a way to accomplish what you want. We’re working on improvements svg/drawing/design functionality in Perspective and hope to have some significant improvements for people to start in a coming release (not sure which version it will be released in yet). We’ll try to update when we have some further information to share.

---

<div class="post-metadata">

**Author:** ![PRAMANJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pramanj/32/66935_2.png) [@PRAMANJ](https://forum.inductiveautomation.com/u/PRAMANJ)\
**Post date:** [July 14, 2019, 2:45am UTC](https://forum.inductiveautomation.com/t/control-visibility-of-an-element-in-svg-shape-in-perspective/24279/5 "2019-07-14T02:45:57Z")

</div>

In the mean time till these features are available in perspective, you can try using SVG in your own HTML page and develop your own custom animation such as rotation , visibility, position, angle and graphics if you are good at HTML/SVG/JS or know of any open source freeware library that can do it. My [New module - RWS - Restful Web Services , from PRAMANJ Technologies](http://forum.inductiveautomation.com/t/new-module-rws-restful-web-services-from-pramanj-technologies/26525) allows you to bind dynamic ignition tag values with such graphics in an HTML page containing canvas and SVG elements. Just a thought.

---

<div class="post-metadata">

**Author:** ![Wine1990](https://avatars.discourse-cdn.com/v4/letter/w/b4bc9f/32.png) [@Wine1990](https://forum.inductiveautomation.com/u/Wine1990)\
**Post date:** [March 14, 2020, 12:26am UTC](https://forum.inductiveautomation.com/t/control-visibility-of-an-element-in-svg-shape-in-perspective/24279/6 "2020-03-14T00:26:36Z")

</div>

I was able to leverage the ‘type’ property to do my visibility. I added a binding that makes the type a ‘group’ when I want it visible, then set it to ‘circle’ (or something else) when I want it invisible. A work-around maybe, but it works. No help on rotation though.

---

<div class="post-metadata">

**Author:** ![jacob.mann](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jacob.mann/32/35821_2.png) [@jacob.mann](https://forum.inductiveautomation.com/u/jacob.mann)\
**Post date:** [May 2, 2022, 4:51am UTC](https://forum.inductiveautomation.com/t/control-visibility-of-an-element-in-svg-shape-in-perspective/24279/7 "2022-05-02T04:51:17Z")

</div>

I’m not sure if this is a new function in a recent release but SVG properties such as visibility can be manually added to the individual elements of an SVG.

![MicrosoftTeams-image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/1/21784a487f065ea29849d9838a77d93b55b4e8c8.png)

---

<div class="post-metadata">

**Author:** ![mperkins](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mperkins/32/71722_2.png) [@mperkins](https://forum.inductiveautomation.com/u/mperkins)\
**Post date:** [May 2, 2022, 4:07pm UTC](https://forum.inductiveautomation.com/t/control-visibility-of-an-element-in-svg-shape-in-perspective/24279/8 "2022-05-02T16:07:15Z")

</div>

also, transform: rotate(30deg) works for this. Should be helpful for the original poster

 ![capture](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/f/6fabfda34791c78770129581a0da7880ec953735.jpeg)
