Overview

Example Drawing
Resizable Speech Bubbles
(Click for larger version)

The Interactive Drawing Canvas is an extension and update of a small section of the Junior Detective Training Program.

Features:

  • A visually updated user interface
  • NEW! Dynamically sized speech bubbles!
  • Rotate and resize images


     

Interactive Drawing Canvas

Try it out below! or Open in a new browser window

Instructions

Example Drawing
Select, scale and rotate images
(Click for larger version)

Adding Elements

  1. Press the tab on the right side of this screen to view the menu of objects.
  2. Click and drag an item to the main screen.
  3. Click and drag the object to position it on the screen - backgrounds cannot be repositioned.

Example Drawing
Select, scale and rotate images
(Click for larger version)

Selecting, Rotating, Resizing Elements

  1. Click once on an element to select it. When an item is selected an outline box appears.
  2. The element can be resized by clicking and dragging the square box on the lower edge of the selection box.
  3. To rotate the element, press on the circle and drag around in a circular motion.
  4. Deselect the element by selecting another object or by pressing the 'Deselect' button on the lower menu.

Deleting Elements

  1. Select an object on the screen.
  2. Move the mouse over the white box in the upper corner of the object.
  3. Press on the red cross to remove the object from the picture.
  4. Drag a new background to the picture to replace the old background.
  5. Press the 'Clear' button to remove all objects from the picture, including background.

Speech Bubbles

  1. Drag a speech bubble to the picture.
  2. To edit the text double click the speech bubble whilst it is not selected.
  3. The speech bubble will grow as more text is typed.
  4. Click and drag the transparent red dots to reposition the speech location indicator (the pointy bit).