# How to create / Draw my own component for perspective?

**URL:** <https://forum.inductiveautomation.com/t/how-to-create-draw-my-own-component-for-perspective/52390>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 27, 2021, 11:14am UTC](https://forum.inductiveautomation.com/t/how-to-create-draw-my-own-component-for-perspective/52390 "2021-10-27T11:14:04Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![olivier.dekoster](https://avatars.discourse-cdn.com/v4/letter/o/5e9695/32.png) [@olivier.dekoster](https://forum.inductiveautomation.com/u/olivier.dekoster)\
**Post date:** [October 27, 2021, 11:14am UTC](https://forum.inductiveautomation.com/t/how-to-create-draw-my-own-component-for-perspective/52390/1 "2021-10-27T11:14:04Z")

</div>

I would like to know if it’s possible with the module perspective to “Draw” my own “template” like i did before with Vision templates ?  
I could only “Drag and Drop” in a “VIEW” component from the symbol Factory.

Thanks

---

<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:** [October 27, 2021, 11:32am UTC](https://forum.inductiveautomation.com/t/how-to-create-draw-my-own-component-for-perspective/52390/2 "2021-10-27T11:32:07Z")

</div>

No there are no real “draw” tool yet. except for pipes.  
You can however import svgs (created in for example inkspace) or construct them through script (which is a quite a bit harder :p)

---

<div class="post-metadata">

**Author:** ![olivier.dekoster](https://avatars.discourse-cdn.com/v4/letter/o/5e9695/32.png) [@olivier.dekoster](https://forum.inductiveautomation.com/u/olivier.dekoster)\
**Post date:** [October 27, 2021, 2:03pm UTC](https://forum.inductiveautomation.com/t/how-to-create-draw-my-own-component-for-perspective/52390/3 "2021-10-27T14:03:56Z")

</div>

Thanks a lot I have my svg in my view.

---

<div class="post-metadata">

**Author:** ![olivier.dekoster](https://avatars.discourse-cdn.com/v4/letter/o/5e9695/32.png) [@olivier.dekoster](https://forum.inductiveautomation.com/u/olivier.dekoster)\
**Post date:** [October 27, 2021, 3:04pm UTC](https://forum.inductiveautomation.com/t/how-to-create-draw-my-own-component-for-perspective/52390/4 "2021-10-27T15:04:13Z")

</div>

Right now, i succed to put my svg in the view, i just would like to animate it’s color with a binding on an INTEGER

---

<div class="post-metadata">

**Author:** ![brandon1](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@brandon1](https://forum.inductiveautomation.com/u/brandon1)\
**Post date:** [October 27, 2021, 10:27pm UTC](https://forum.inductiveautomation.com/t/how-to-create-draw-my-own-component-for-perspective/52390/5 "2021-10-27T22:27:37Z")

</div>

There are many ways to do this. Drill into the properties of the SVG in Perspective, and you will see fill colors for your various objects. You can do direct bindings to this or just use styles to override the fill property.

---

<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:** [October 28, 2021, 9:07am UTC](https://forum.inductiveautomation.com/t/how-to-create-draw-my-own-component-for-perspective/52390/6 "2021-10-28T09:07:59Z")

</div>

Make sure to embed the SVG and not add it to the library. The library is a bit useless imo and I can’t see me ever using it. The library is the default import option (with is absurd to me)