You can help by commenting or suggesting your edit directly into the transcript. We'll review any changes before posting them. All comments are completely anonymous. For any comments that need a reply, consider emailing training@inductiveautomation.com.
Version:
LESSON LIST
-
2:44Drawing Tools Overview
-
1:29Drawing a Line
-
1:38Fill and Stroke
-
2:29Gradients
-
1:36Eyedropper Tool
-
2:33Shape Geometry
-
1:17Editing Shape Paths
-
1:00Bezier Curves
Take Topic Challenge
LESSON
Shape Geometry
Description
Shape geometry allows you to apply functions such as a union (combine), difference (exclusion), and intersection (division) on multiple shapes to get the resulting shape that you want.
Video recorded using: Ignition 7.7
Transcript
(open in window)[00:00] Using Ignition Drawing Tools, you can make more complicated shapes, from basic shapes like rectangles, circles, and triangles, using shape geometry. Let's say that I want to make a pump graphic. I can make it out of simple shapes, by combining them together. So here I have a circle, a triangle, and a rectangle. We'll put the circle at the bottom, and then put the triangle and the rectangle, on top of it here. So I'm going to line these all together. Now it's important here that my circle's at the very bottom. So there is a layered you want to set up, of these particular components. Once I have them, I select all my components. Up here under Shape I have various geometry, that I can work with. For the first one is a Union, which will combine all these things, together into one graphic, and that's what I want to use here. So if I do a Union you can see now I have a graphic, that looks very much like a pump. It's one thing that I can work with that I can color. We can also do a Difference. A difference will actually, subtract a shape from another shape. So I can put a rectangle, then I can put an arrow on top of that. The idea is that I can select the rectangle first, then hold down control and select the arrow. Now what I want to do is perform a difference, which will cut out the arrow from the rectangle. So I would go up here to Shape, I click on Difference. By having the arrow selected second, it's going to cut out that shape from the rectangle. Now as you can see it's transparent now, I got a cutaway from that rectangle. We also have Intersection. So let's say for example I put a circle, and I put a triangle here. And if I select both of those. If I hold down control and select, the circle and the triangle, if I do Intersection, it's any part that's intersected on these two shapes, it's just going to make that shape. So I go up here to shape and I do intersection, now I can see I have this kind of weird shape here. There's also an Exclusion. So I can do the same thing. Let me take a circle, and I take a triangle. This time I select the two, if I go up here to Shape, and do an Exclusion, it's basically going to be everything, except for the overlapping parts. That part will actually be transparent as you can see here. The very last one is a Division. So let's say I take a square, and I take a triangle here as well. I can again select the two. It's important to which one you're going to select first. Go up here and do a Division, and essentially I'm going to, have a shape kind of inside of that square, from the second shape that I had. So there's quite a few different shape geometries, that we can work with. At the end they all create one shape, that we can create more custom shapes, out of some basic simple ones.