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

[TechEnlive]

Hi,

How can we add the Shapes ( Rectangle, Lines, Circle, etc) in perspective?

Thanks.

[jlandwerlen]

Perspective doesn't currently have native drawing tools. Some topics that may be helpful.
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

Hi, I need to programmatically draw some lines and polygons in Ignition Perspective: any suggestion?

[Transistor]

You can do quite a lot with labels.

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!

[jlandwerlen]

@Transistor

Don't tell jlandwerlen!

I did link a past topic where you detailed this.

[Transistor]

Ha! I didn't check it. I hope I'm consistent!

[jrusso]

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

[TechEnlive]

Hi, Can you explain how create and import SVG's?

Thanks,

[lrose]

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

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?

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

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. ). First a s…

[jlandwerlen]

When it's time to import, you simply drag and drop and select embed when prompted.