Teachers can upload images and modify them to create custom diagrams, references, and other resources.
The Annotate Image widget is equipped with the same tools as the Interactive canvas, with a few key differences.
- The end result is not interactive; it appears to students as a static image.
- The Annotate Image widget is not a question. No marks can be assigned.
Click on each of the following tools to jump directly to its section in this article, or continue reading below:
- Undo and redo
- The cursor
- Pen tool
- Shape tool
- Line tool
- Text tool
- Image Uploader
- Layer tools
- Keyboard shortcuts
Undo and redo
The curved arrows on the left end of the tool bar will undo and redo actions. If a mistake is made, e.g. an element is moved off the side of the canvas, click the arrow pointing left to undo the action.
Note: Wait for the canvas to save between each click for best results.
To reverse an 'undo' action, click the right-pointing arrow.
The black arrow is a standard cursor tool. Use this to select, resize, rotate, and move elements around the canvas.
Select an element by clicking it with the cursor tool. Drag the square dots on the corners and edges of the bounding box to stretch, squash, embiggen, and shrink the element. Drag the circular dot on top of the element to rotate it.
The pen tool looks like a texter drawing a curvy line. Use this to draw freehand shapes on the canvas.
The shape tool offers a wide variety of predefined shape elements to choose from. Once the element is drawn with a click-and-drag motion, its size and dimensions can be edited using the bounding box of the element. Combine this with the line weight, line colour, and fill colour options on the right side of the tool bar.
Lines and arrows
The line tool offers a selection of solid and dotted lines as well as arrows. Draw the line or arrow with a click-and-drag motion. To keep the line straight horizontal or vertical, hold the Shift key on the keyboard while drawing. Combine this with the line weight and colour options on the right side of the tool bar.
The text tool allows the teacher to type in the canvas. Click and drag across the canvas to determine the width of the text box. The height of the box will increase as more text is added. Combine this with the font size and colour options on the right side of the tool bar.
The image uploader allows the teacher to add a picture from their device. It can then be moved, scaled, and rotated like any other element.
Each element on the canvas (text box, shape, line, etc) exists on its own layer. The layer tools can bring an element forward or backward.
- To bring one element forward so it covers another: use the cursor tool select the element and then click the layer tool with the up arrow. It may need to be clicked more than once, to move the element forward more than one layer.
- To move an element back so it appears behind another: use the cursor tool to select the element and then click the layer tool with the down arrow. It may need to be clicked more than once, to move the element back more than one layer.
Customise colours and fonts
The line width tool adjusts the thickness of lines, arrows, and shape outlines. Use the cursor tool to select the element to be modified before adjusting the line width.
The line colour tool changes the colour of the line, arrow, or the outline of a shape. The fill colour tool changes the colour of a shape. Use the cursor tool to select the element to be modified before adjusting its colour(s).
The font size tool shrinks and embiggens the text. The font colour tool changes the colour of the text. Select the text to be modified before adjusting its size and colour.
To access a full list of keyboard shortcuts available for working in the widget, click on the canvas (not in a text box!) and then press Shift + ? on your keyboard.