# Drawing a schematic circuit in perspective

**URL:** <https://forum.inductiveautomation.com/t/drawing-a-schematic-circuit-in-perspective/47433>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [June 3, 2021, 7:48pm UTC](https://forum.inductiveautomation.com/t/drawing-a-schematic-circuit-in-perspective/47433 "2021-06-03T19:48:59Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![m.cornet](https://avatars.discourse-cdn.com/v4/letter/m/b5e925/32.png) [@m.cornet](https://forum.inductiveautomation.com/u/m.cornet)\
**Post date:** [June 3, 2021, 7:48pm UTC](https://forum.inductiveautomation.com/t/drawing-a-schematic-circuit-in-perspective/47433/1 "2021-06-03T19:48:59Z")

</div>

Hi guys,

I need to show a schematic circuit in a perspective page, and eventually animate some custom components like interruptors and breakers.

Vision has drawing tools, but what about perspective? Is it possible?

Thanks. Regards.

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [June 3, 2021, 7:56pm UTC](https://forum.inductiveautomation.com/t/drawing-a-schematic-circuit-in-perspective/47433/2 "2021-06-03T19:56:27Z")

</div>

> [@m.cornet](#):
>
> Vision has drawing tools, but what about perspective? Is it possible?

Possible? Yes.

Unfortunately perspective doesn't have drawing tools yet. There are many post around the forum on using external tools such as Inkscape.

Here is a post confirming that drawing tools are planned.

> [@\[BUG-11342\] Perspective - Can't draw any shapes](http://forum.inductiveautomation.com/t/bug-11342-perspective-cant-draw-any-shapes/20690/8):
>
> Interactive drawing tools will be added to Perspective, absolutely. I doubt they’ll make the initial 8.0 release, however. That said, support for vector drawings (svg) is in perspective today. You can draw something (in inkscape, for example), save it as an SVG, and then drag it into perspective. You will notice that the properties of the drawing component that is created actually contains all of the SVG paths, transforms, styles, etc. So while it is certainly awkward and inconvenient to do so …

---

<div class="post-metadata">

**Author:** ![matthew.ayre](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matthew.ayre/32/19499_2.png) [@matthew.ayre](https://forum.inductiveautomation.com/u/matthew.ayre)\
**Post date:** [June 3, 2021, 8:00pm UTC](https://forum.inductiveautomation.com/t/drawing-a-schematic-circuit-in-perspective/47433/3 "2021-06-03T20:00:25Z")

</div>

Here's how the experts do it currently (like @lrose & @nminchin) 😉:

> [@Perspective component question](http://forum.inductiveautomation.com/t/perspective-component-question/46673/3):
>
> Yep, SVGs are the way to go for all symbols at the moment (although I would argue into the future as well). To create SVGs and edit them, I use the open source vector editor [Inkscape](https://inkscape.org/) (very close in features to Adobe Illustrator, without the price tag) I use Label components with css borders set to make my pipework - I use either single-edged borders or right-angled borders. They work pretty well. Nader will often create all of the pipework as an SVG and then place device view templates where t…

Technically, the post is about P&ID, but the same principles apply 🙂

---

<div class="post-metadata">

**Author:** ![swolnisty](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@swolnisty](https://forum.inductiveautomation.com/u/swolnisty)\
**Post date:** [June 3, 2021, 11:35pm UTC](https://forum.inductiveautomation.com/t/drawing-a-schematic-circuit-in-perspective/47433/4 "2021-06-03T23:35:10Z")

</div>

SVGs are great and I’ve used them extensively in the past for Perspective screens. Taking that post you linked to by nminchin another step further, it’s not too difficult to “draw” your devices in coordinate containers by stacking other containers/labels and manipulating their style properties.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/ce2b3a64384f8ccc9d4262b66b6e1c4ca9789b77.png)

I suspect that building out graphics this way may be lighter weight than using SVGs in many cases. I took a P&ID style screen a coworker had created in the past where all the piping was drawn out with individual SVGs for each line and replaced all of them with labels that only had a simple style class on them. Exporting the view saw a file size reduction of around 50% after replacing the SVGs.