# Add Shapes ( Rectangle, Lines, Circle etc) in Perspective

**URL:** <https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 3, 2025, 12:01pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640 "2025-04-03T12:01:02Z")\
**Posts on this page:** 1\
**Showing post:** 8

<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:** [April 3, 2025, 3:04pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640/8 "2025-04-03T15:04:16Z")

</div>

You can use anything from Notepad to Adobe Photoshop to create SVG's, its really just a matter of preference. Generally I just use a "blank" SVG that I have saved as a starting point and then modify it inside of the designer to fit my needs. If I am in a hurry and need something that is complex then I will use Inkscape.

Here are a couple of topics that talk about the process.

> [@Drawing Tools in perspective](https://forum.inductiveautomation.com/t/drawing-tools-in-perspective/51407/3):
>
> SVG’s are the way to do it (they aren’t the only way to do it, but they are probably the best way). You can copy this into a text file, save it as a .svg file and then drag it onto your view, this will give you a blank SVG. \<?xml version="1.0" encoding="UTF-8" standalone="no"?\> \<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="50mm" height="50mm" viewBox="0 0 50 50" version="1.1"\> \</svg\> From there it is just a matter of understanding how to wor…

> [@How to add animation by HTML/CSS scripts in Perspective?](https://forum.inductiveautomation.com/t/how-to-add-animation-by-html-css-scripts-in-perspective/75523/14):
>
> Okay, so it took me longer than I wanted (my laptop died), but I finally did get around to completing this, and I have to say I'm pretty pleased with the result. This was a fun exercise and I learned something good along the way. I will give you a disclaimer though, other than a rough idea of what an Azimuth Propeller is, I don't know much else. So for instance, I have no idea what the yellow triangle is supposed to indicate and so I didn't add it. I made some assumptions on how I think the re…

> [@Perspective, faster page](https://forum.inductiveautomation.com/t/perspective-faster-page/69885/35):
>
> Okay, I had a bit of free time today, so here is a complete SVG solution. You could do the Label as SVG text as well, or a gauge needle if you wanted, I haven't gone that far. Just a little example of the power of using the Ignition Designer to add SVG elements. I didn't include the label for the example. Note: All of this (outside of the calculations needed to find the points for the shape) was done inside of the designer (yes I can be somewhat of a masochist at times. rofl). First a s…

---

_[View the full topic](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640)._
