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
-
5:04Drawing Tools Overview
-
1:57Drawing a Line
-
1:42Fill and Stroke
-
2:16Gradients
-
4:05Eyedropper Tool
-
4:54Shape Geometry
-
3:09Editing Shape Paths
-
2:54Bezier Curves
Take Topic Challenge
LESSON
Drawing a Line
Description
Use the Line tool to create shapes and graphics by drawing lines, arbitrary polygons, or curved paths.
Video recorded using: Ignition 8.1
Transcript
(open in window)[00:00] A common use case of the drawing tools in ignition is to draw a line on your window. To accomplish this, we will use the line tool, which is located on the right hand side of the designer. We can use the line tool by clicking on the designated icon. This will trigger three line variants to appear at the top of your screen. Those are straight line segments, perpendicular line segments, and curved line segments. Let's go ahead and create a simple line. The straight line segments option is applied by default, and we can draw one by clicking anywhere on the window. Letting go of our mouse button, we will simply mouse to our desired segment length and clicking our mouse again will lock in the segment indicated by the green coloring. Finally, we'll complete our line by hitting the enter key. You can also complete a line by double clicking on your end point. We are not limited to simple lines. We can create a line with multiple segments. Let's do this by starting a new line segment, and from here we can see our new red line segment lets us continue and add multiple segments.
[01:07] Additionally, we can snap a line segment to any 15 degree increment. Let's click on the window again to see this and hold our control key. If I mouse around, we'll see our next segment is snapping to the nearest angle. We can also edit the properties of the line on our window. To do this, we first need to click on the selection tool. Clicking on the selection tool will allow us to change the line size using the arrow handles and move it around our window. Located on the left hand side, we will find additional properties in the property editor of this line. For example, let's alter the stroke style property. By clicking on the pencil icon, we can increase its width to five pixels and transform our solid line to a dash line. To recap, we learned how to use the line tool to draw simple lines, lines with multiple segments and how to edit their properties.