The Drawing Tool is a widget that can be enabled for students to use when responding to Constructed Response and Writing Prompt item types within Item Bank assessments. This tool can be used in place of, or in conjunction with, the normal text response widget. Images can also be uploaded as a background to the Drawing Tool, enabling students to add shapes, text, color, and/or free-draw lines to given charts and figures. This lesson explores the different features available within the Drawing Tool, and how each one functions.
Before You Begin
![An example of the Answer Options section of an item creation screen, with the Drawing tool selected and highlighted, and the option to Upload a Background Image beneath it.](https://media.screensteps.com/image_assets/assets/008/596/180/original/93368a40-724c-4f16-b18e-1b47099173ad.png)
The Drawing Tool can be enabled for students to use within Online Testing for Constructed Response and Writing Prompt items. Before students can access this widget, it must be enabled within the item creation or item editing screen for a Constructed Response or Writing Prompt item, and added to an Item Bank assessment. To learn more about enabling the Drawing Tool while creating these item types, take a look at Item Bank - Item Types.
Note that the options for allowing only Text, only Drawing, or allowing both tools is available. The Drawing Tool may be offered as a blank canvas, or may appear with an uploaded background image.
Drawing Tool in Online Testing
When viewing Constructed Response or Writing Prompt items with the Drawing Tool enabled, students are able to utilize the Drawing Tool directly from the test screen. The Drawing Tool can be expanded to a full screen window, or it can be moved and resized to allow students to view linked passages, question prompt text, and student-written content within the Text Tool, while also being able to view and alter the Drawing Tool canvas.
![An example item from the student online testing view, with a linked passage on the left, the question prompt on the right, and the drawing tool area underneath, with the Resize and Drag Drawing Tool button highlighted.](https://media.screensteps.com/image_assets/assets/008/599/131/original/dc9d7c7a-28f8-4828-a1a4-cf2c9e04bf30.png)
When viewing an item linked to a passage, the drawing tool will appear to the right of the passage and under the question prompt, similarly to the text editor. Students can interact directly with the drawing tool, or they can select the Resize and Drag Drawing Tool button to pop out the drawing tool window.
![An example item from the student online testing view, with a linked passage on the left, the question prompt on the right, and a drawing tool area popped out, with the corner handles highlighted, the 6-dot Drag icon highlighted, and the Dock Drawing Tool button highlighted.](https://media.screensteps.com/image_assets/assets/008/599/135/original/c52fe5a4-f489-430c-9aad-53d125b51a0c.png)
Once the Drawing Tool window has been popped out, students can use the corner handles to resize the canvas, and the 6-dot Drag icon to move the window around the screen. Select the Dock Drawing Tool button to return the Tool to its original position within the item.
![An example item from the student online testing view, with a drawing tool response area with a pre-loaded background image of a water cycle diagram.](https://media.screensteps.com/image_assets/assets/008/599/138/original/f59f8535-5e2c-4198-a7b4-706bf6120c0f.png)
The Drawing Tool can be formatted to appear with a pre-loaded background image for students to interact with.
![An example item viewed from the student online testing view, with the question prompt at the top, the text response tool, and then the drawin tool space beneath.](https://media.screensteps.com/image_assets/assets/008/599/141/original/0974618b-11c5-485d-99c2-cff84d1f4708.png)
The Drawing Tool can also be used in conjunction with the text response widget. When both widgets are enabled for an item, the item prompt will display at the top, followed by the text response widget, and then the Drawing Tool widget.
Drawing Tool Features
The Drawing Tool offers many features for students to utilize while crafting drawn responses. View a summary of each of the features below to learn how each feature functions, and how they can be used in conjunction.
![The drawing tool with the Select cursor icon highlighted, and a square on the canvas selected, displaying handles for resizing and rotating the shape.](https://media.screensteps.com/image_assets/assets/008/599/682/original/5ed916bb-7a0b-488b-8804-32b105ae0d4a.png)
The Select tool allows students to select and alter any object on the canvas, including free-drawn objects, shapes, lines, and text. After choosing the Select tool, students can select an individual object to move or alter, or they can select multiple objects by holding down the Shift key and selecting each desired object, or selecting and dragging the cursor to highlight a box around the objects to select.
Once selected, objects will display with an outline box with handles for resizing and rotating. Selecting within the middle of an object outline will display a four-arrow cursor, allowing students to drag selected objects to another location on the canvas.
Further options for selected objects include Copy, Cut, Paste, Delete Selected, Send to Back, and Send to Front, allowing students to move objects between the background and foreground.
![The drawing tool with the Move Canvas hand icon highlighted, and the square from the previous image has been moved to the top right corner.](https://media.screensteps.com/image_assets/assets/008/599/684/original/d1fb8c1c-4208-4fed-afa9-dd2a2dc8a5e2.png)
The Move Canvas tool displays a four-arrow cursor over the canvas, and allows students to select a point on the canvas and drag it to a new location. This repositions existing objects on the canvas, and can open further blank space for students to utilize.
![The drawing tool with the Draw pencil icon highlighted, and a free-hand flower drawn onto the canvas. The Select Stroke Width and Select Stroke Color menus are also highlighted and opened to display the available customizing options.](https://media.screensteps.com/image_assets/assets/008/599/819/original/05342e25-913d-4c81-97ba-aea3120a70cb.png)
The Draw tool allows students to free-draw on the canvas.
The Select Stroke Width option determines the width of the Draw tool lines, with the options for Extra Fine, Fine, Medium, Bold, and Extra Bold.
The Select Stroke Color option determines the color of the Draw tool lines, offering a selection of preset colors and the Other option, which opens a custom color selection menu.
![The drawing tool with the Select Shape square icon selected, and the menu visible, displaying options for creating a Square, Ellipse, Polygon, Line, and Dashed Line. The Select Stroke Width, Select Stroke Color, and Select Fill Color menus are also highlighted and opened to display further formatting options.](https://media.screensteps.com/image_assets/assets/008/599/831/original/8034f66f-df43-4b2f-bdf1-f6e4e847130d.png)
The Select Shape dropdown allows students to create Squares, Ellipses, Polygons, Lines, and Dashed Lines.
The Select Stroke Width option determines the width of the shape's border lines, with the options for Extra Fine, Fine, Medium, Bold, and Extra Bold.
The Select Stroke Color option determines the color of the border lines, and the Select Fill Color option determines the color within the shape's borders. Both of these options offer a selection of preset colors and the Other option, which opens a custom color selection menu.
![The drawing tool with the Select Shape icon highlighted and selected, and the Square option in the dropdown menu highlighted.](https://media.screensteps.com/image_assets/assets/008/599/697/original/89d64ec2-515c-428a-b5f1-ad5fb548f6fa.png)
The Square tool allows students to create squares and rectangles. After selecting the Square tool, students select where on the canvas to place the first vertex of the Square, drag the cursor to the desired placement of the opposite corner, and release to complete the shape.
![The drawing tool with the Select Shape icon highlighted and selected, and the Ellipse option in the dropdown menu highlighted.](https://media.screensteps.com/image_assets/assets/008/599/699/original/44c34052-a69e-434f-b782-e431b9958bb3.png)
The Ellipse tool allows students to create circles and ovals. After selecting the Ellipse tool, students select where on the canvas to begin placing the edge of the shape, drag the cursor to the desired placement of the opposite side of the circle or oval, determining width and height, and release to complete the shape.
![The drawing tool with the Select Shape icon highlighted and selected, and the Polygon option in the dropdown menu highlighted.](https://media.screensteps.com/image_assets/assets/008/599/701/original/6de69533-5ff3-486f-bb82-aa81ea357194.png)
The Polygon tool allows students to create free-form polygon shapes with straight edges. After selecting the Polygon tool, students select where on the canvas to place the first vertex of the shape, and each successive selection within the canvas plots further vertices. The shape creation is completed upon re-selecting the initial vertex.
![The drawing tool with the Select Shape icon highlighted and selected, and the Line and Dashed Line options in the dropdown menu highlighted.](https://media.screensteps.com/image_assets/assets/008/599/703/original/b6c3a5b9-a33a-46dc-b87f-fb19faf7e0f4.png)
The Line and Dashed Line tools allow students to draw straight lines. After selecting the Line or Dashed Line tool, students select where on the canvas to place one end of the line, and then select where on the canvas to place the desired end-point.
The Select Stroke Color option determines the color of these lines.
![The drawing tool with the Text icon highlighted and selected, displaying the dropdown menu with options to change the font and font size, and to bold and italicize. The Select Stroke Color option is also highlighted, with the menus opened to display further options.](https://media.screensteps.com/image_assets/assets/008/599/706/original/f7cfe09b-90b8-4ee0-80fc-86cb8806b43a.png)
The Text tool allows students to place textboxes on the canvas to type within, commonly used to add explanation and labeling to drawn features.
After selecting the Text tool, students can select the desired location on the canvas to place a textbox, which automatically resizes as text is entered. The textbox border disappears once the student deselects the textbox. Double-select any written text to reenter the textbox and type edits.
Text formatting options include adding Bolding and Italics, and changing the font and font size. The Select Stroke Color option determines the color of the typed text.
![The drawing tool with the Select Stroke Width icon selected, and the dropdown menu displaying the width options of Extra Fine, Fine, Medium, Bold, and Extra Bold.](https://media.screensteps.com/image_assets/assets/008/599/711/original/c9f52626-9161-4616-8b58-bdb3c87dc0ac.png)
The Select Stroke Width tool allows students to chose what size of lines will be drawn when using the Draw and Shape tools. Available options include Extra Fine, Fine, Medium, Bold, and Extra Bold.
![The drawing tool with the Select Stroke Color icon highlighted and selected, with the menus open and displaying an array of preset colors, and a menu to further customize the selected color.](https://media.screensteps.com/image_assets/assets/008/599/715/original/66681ae5-364a-4456-a322-9219f7b833db.png)
The Select Stroke Color tool allows students to chose what color of lines will be drawn when using the Draw and Shape tools, and the color of typed text when using the Text tool.
The Select Stroke Color tool opens to a selection of preset colors and the Other option, which opens a custom color selection menu. The custom color selection menu offers color spectrum and saturation selectors, an eyedropper tool, and text fields for RGB, HSL, and Hex codes.
![The drawing tool with the Select Fill Color icon highlighted and selected, with the menus open and displaying an array of preset colors, and a menu to further customize the selected color.](https://media.screensteps.com/image_assets/assets/008/599/721/original/76904edb-658f-4af8-8769-30fb16c30a02.png)
The Select Fill Color tool allows students to chose what color will fill in drawn shapes when using the Shape tools.
The Select Fill Color tool opens to a selection of preset colors and the Other option, which opens a custom color selection menu. The custom color selection menu offers color spectrum and saturation selectors, an eyedropper tool, and text fields for RGB, HSL, and Hex codes.
![The drawing tool with the Delete Selected trashcan icon highlighted.](https://media.screensteps.com/image_assets/assets/008/599/728/original/35d995b1-6cb0-4207-b52b-5dfcb6e66fde.png)
The Delete Selected tool allows students to delete the currently selected objects. Objects on the canvas can be selected using the Select tool, and subsequently deleted using the Delete Selected tool.
![The drawing tool with the Clear Canvas icon highlighted. There is a popup menu asking if the user is sure they want to clear the drawing.](https://media.screensteps.com/image_assets/assets/008/599/730/original/b1ba85b6-2946-4a15-bc8b-04fa4d69ef95.png)
The Clear Canvas tool allows students to delete all objects, and start fresh on a cleared canvas.
After selecting Clear Canvas, a popup window will appear, confirming if the canvas should be cleared. Students can select OK to continue with the canvas clear, or Cancel to keep the canvas.
![The drawing tool with the Copy, Cut, and Paste icons highlighted.](https://media.screensteps.com/image_assets/assets/008/599/737/original/b74eeacf-4e30-4b86-851c-5438a465669b.png)
The Copy, Cut, and Paste tools allow students to Cut and Copy selected objects, and Paste them back onto the canvas. Canvas objects can be selected using the Select tool, and can then be Cut or Copied, and then Pasted to a new location on the canvas.
![The drawing tool with the Send to Back and Send to Front icons highlighted.](https://media.screensteps.com/image_assets/assets/008/599/740/original/42e50248-28eb-4119-8a88-574a536ac929.png)
The Send to Back and Send to Front options allow students to move selected objects forward or backward in relation to other objects on the canvas. Canvas objects can be selected using the Select tool, and then moved to the foreground or background using Send to Back or Send to Front.
![The drawing tool with the Zoom In, Zoom Out, and Reset Zoom buttons highlighted.](https://media.screensteps.com/image_assets/assets/008/599/742/original/4edd177a-3735-4090-8939-87f6a10f914e.png)
The zoom tools allow students to Zoom In on the canvas, Zoom Out from the canvas, and Reset Zoom to the original canvas size.
![The drawing tool with the Undo and Redo arrow icons highlighted.](https://media.screensteps.com/image_assets/assets/008/599/792/original/4257d552-44e0-4706-afe0-363ec48068f0.png)
The Undo and Redo options allow students to Undo actions that were just taken, and then to Redo actions that were just undone.
![The drawing tool with the Toggle Grid icon highlighted and selected. The canvas displays a grid accross the blank space.](https://media.screensteps.com/image_assets/assets/008/599/794/original/51463428-7457-4edd-9695-9176fdbac242.png)
The Toggle Grid option allows students to apply a grid to the canvas, which can aid in drawing or placing objects with regular spacing, and completing math or geographical equations and figures.
Next Steps
To learn more about the tools available to students while they test online, take a look at the other articles in the Online Tools section.