> For the complete documentation index, see [llms.txt](https://docs.tlic.cmu.ac.th/cmu-mango-canvas-manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tlic.cmu.ac.th/cmu-mango-canvas-manual/quizzes-and-assignment/new-quizzes/hot-spot.md).

# Hot Spot

The instructors can upload images and allow students to indicate the correct spots on the image.

Supported files : 

* BMP
* GIF
* JPG/JPEG
* PNG

{% hint style="info" %}
Devices that are Keyboard-only access or Screen Reader cannot access this type of question.
{% endhint %}

## Uploading Image

<figure><img src="/files/mK0kS0Zf4QztbKbFmjno" alt=""><figcaption></figcaption></figure>

ลากไฟล์วางที่ \[1] หรือกด Browse \[2] เพื่อค้นหาไฟล์ในอุปกรณ์

Drag and drop the file at \[1] or click Browse \[2] to select files in the device.

## Drawing the Hot Spot

<figure><img src="/files/sITQ95C1qgN1dwLo4Hes" alt=""><figcaption></figcaption></figure>

You can choose from three different shapes for the Hot Spot, which are rectangle, circle, and polygon.

### Rectangular and Circle Hot Spot

<figure><img src="/files/RsgJ2zamZ6PmEksWopBd" alt=""><figcaption></figcaption></figure>

Choose the shape. Click and drag on the desired area.

### Polygon

<figure><img src="/files/x6iIP3jSMMYoVGlZRK8I" alt=""><figcaption></figcaption></figure>

Click and drag the line to create the desired shape, and once you have finished dragging, double-click on the shape to close the area.

## Video Tutorial for Hot Spot

{% embed url="<https://youtu.be/Xf1MLZxSmHU>" %}