> 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="https://content.gitbook.com/content/XHLtFtw2BeIo9EXwQ4kE/blobs/d3CVX5OSyNPyXJDFUJnM/image.png" 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="https://content.gitbook.com/content/XHLtFtw2BeIo9EXwQ4kE/blobs/fKzMCgygJULJ7UuegPai/image.png" 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="https://content.gitbook.com/content/XHLtFtw2BeIo9EXwQ4kE/blobs/oLyzc3HIE3SmTFELeA5q/image.png" alt=""><figcaption></figcaption></figure>

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

### Polygon

<figure><img src="https://content.gitbook.com/content/XHLtFtw2BeIo9EXwQ4kE/blobs/mddRepOwLhswVigylFwp/image.png" 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>" %}