Shapes or graphics such as lines, rectangles, and circles can be created using the 2D drawing tools in Ignition. All SVG (Scalable Vector Graphics) images are importable in ignition.

Video recorded using: Ignition 7.7


(open in window)

[00:00] Ignition comes with a set of drawing tools so you can draw your own vector graphics on a window. In the right-hand side of designer, there's a small toolbar that has all of these tools. At the very top of that toolbar is a Selection Tool. This allows you to actually select various components on the window. Like I can select a label here or the rectangle behind it and I can change the size and position, as well as configure that component. Below that are all the tools that actually draw graphics. So the first one here is a Rectangle Tool. So when I'm in that tool, all I can do right now is draw rectangles. So I can simply just draw boxes on the screen, it'll make a rectangle for me. And I can make multiple at the same time, I can use the squares round to make it bigger and smaller, I can use the circle at the top right to round the corners if I want to . I can also hold down Ctrl to draw squares. Now once we draw our graphics, if I want to go back and select different graphics or select the label on the window, I do have to go back to the Selection Tool. So you kind of go back and forth between the various tools here and to work with them on the screen. So I'm going to go back Selection Tool, I can select all my components and I can delete them. We also have a Circle Tool which allows you to draw ellipses as hold down Ctrl, you can draw actual circles. You have a Polygon Tool, which allows you to draw polygons. The top, and the toolbar is a setting for corners. Right now it's three corners, I can set it to four or five. I can also check the box for a star to make it a star. I can then modify exactly how I want that star to look by using the handles on that particular component. Below that's a Arrow Tool where I can draw arrows . We can make it one sided or double-sided up here at the top. I can also of course change how the thickness of the line as well as the arrowhead itself. There's a freehand drawing tool. Next one down which allows you to actually draw any graphic you want, and just by using your mouse. So I can just draw some shape here and connect it together and now I have a shape that I can work with. And there's settings up here for how you want to simplify or smooth out that graphic. The very last one is a Line Tool which allows you to let draw straight line segments or curves. So I actually just click anywhere and make a line. You can actually then make multiple lines and then connect 'em together to make a shape if you want to. At the very top, you can do straight line segments. You can do perpendicular line segments as well as you do curve line segments . We'll get into more of these in the next lesson. Below those Drawing Tools are a set of tools which allows you to edit paths of components. So here if I draw a shape and I want to change the shape afterwards, I can easily click on the Path Tool to modify exactly how I want that to look . There's also a Gradient Tool which allows you to modify gradients. And a Eye Dropper tool which allows you to choose, fill and stroke colors from other shapes that are on the window, that we'll go through in another lesson.

You are editing this transcript.

Make any corrections to improve this transcript. We'll review any changes before posting them.


Share this video