# Add Shapes ( Rectangle, Lines, Circle etc) in Perspective **URL:** \ **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:** 11\ **Page:** 1
**Author:** ![TechEnlive](https://avatars.discourse-cdn.com/v4/letter/t/3be4f8/32.png) [@TechEnlive](https://forum.inductiveautomation.com/u/TechEnlive)\ **Post date:** [April 3, 2025, 12:01pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640/1 "2025-04-03T12:01:03Z")
Hi, How can we add the Shapes ( Rectangle, Lines, Circle, etc) in perspective? Thanks. ---
**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\ **Post date:** [April 3, 2025, 12:28pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640/2 "2025-04-03T12:28:58Z")
Perspective doesn't currently have native drawing tools. Some topics that may be helpful. [https://forum.inductiveautomation.com/search?q=Perspective%20drawing%20order%3Alatest](https://forum.inductiveautomation.com/search?q=Perspective%20drawing%20order%3Alatest) I recommend Inkscape to draw externally, save as SVG, and then simply embed that SVG into your view. You can also use a label to create some simple graphics, although IMO that is a bit hacky. > [@Perspective: drawing lines and polygons](https://forum.inductiveautomation.com/t/perspective-drawing-lines-and-polygons/95479): > > Hi, I need to programmatically draw some lines and polygons in Ignition Perspective: any suggestion? ---
**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\ **Post date:** [April 3, 2025, 2:25pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640/3 "2025-04-03T14:25:14Z")
You can do quite a lot with labels. ![Perspective label shapes](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/c/8cb642276c655bd0ee11b3b090faadf12b19138b.png) For each of the above you can set the border style and fill style as required. Obviously, clear the text if you don't want it. #3 and #7 have corner radius set to fixed value. #4 and #8 have corner radius set to `50%`. #5 and #6 have only a top border. #6 and #7 have `POSITION.rotation : 315deg`. Don't tell jlandwerlen! ---
**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\ **Post date:** [April 3, 2025, 2:51pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640/4 "2025-04-03T14:51:36Z")
> [@Transistor](#): > > Don't tell jlandwerlen! I did link a past topic where you detailed this. ---
**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\ **Post date:** [April 3, 2025, 2:53pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640/5 "2025-04-03T14:53:33Z")
Ha! I didn't check it. I hope I'm consistent! ---
**Author:** ![jrusso](https://avatars.discourse-cdn.com/v4/letter/j/c0e974/32.png) [@jrusso](https://forum.inductiveautomation.com/u/jrusso)\ **Post date:** [April 3, 2025, 2:54pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640/6 "2025-04-03T14:54:55Z")
No built in SVG editor _yet_, but it will be out soon with the release of 8.3 (IA please no more delays). For now you need to use an external SVG editor of your choice ---
**Author:** ![TechEnlive](https://avatars.discourse-cdn.com/v4/letter/t/3be4f8/32.png) [@TechEnlive](https://forum.inductiveautomation.com/u/TechEnlive)\ **Post date:** [April 3, 2025, 2:56pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640/7 "2025-04-03T14:56:09Z")
Hi, Can you explain how create and import SVG's? Thanks, ---
**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")
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. \ \ \ 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… ---
**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\ **Post date:** [April 3, 2025, 4:13pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640/9 "2025-04-03T16:13:03Z")
When it's time to import, you simply drag and drop and select embed when prompted. ---
**Author:** ![grimm](https://avatars.discourse-cdn.com/v4/letter/g/f4b2a3/32.png) [@grimm](https://forum.inductiveautomation.com/u/grimm)\ **Post date:** [December 16, 2025, 7:53pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640/10 "2025-12-16T19:53:48Z")
I was able to create basic rectangles with the label component with no text by adding a border to the “style” of the label. Just be sure to apply the style to the label component and not the text itself! ---
**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\ **Post date:** [December 16, 2025, 10:17pm UTC](https://forum.inductiveautomation.com/t/add-shapes-rectangle-lines-circle-etc-in-perspective/104640/11 "2025-12-16T22:17:13Z")
Just because this thread only mentions it once, I'll also point out that Ignition 8.3 adds native drawing tools to Perspective.