> For the complete documentation index, see [llms.txt](https://docs.tlic.cmu.ac.th/cmucanvas-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/cmucanvas-manual/quiz-assign/new-quizzes/hot-spot.md).

# Hot Spot

ผู้สอนสามารถอัปโหลดภาพและให้ผู้เรียนชี้จุดที่เป็นคำตอบบนภาพนั้นได้

ไฟล์ภาพที่สามารถอัปโหลดในระบบได้ : 

* BMP
* GIF
* JPG/JPEG
* PNG

{% hint style="info" %}
อุปกรณ์ที่เป็น Keyboard-only access หรือ Screen Reader จะไม่สามารถเข้าถึงข้อคำถามประเภทนี้ได้
{% endhint %}

## อัปโหลดไฟล์ภาพ

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FwjqSwfNO83xxFjimcYJU%2Fimage.png?alt=media&amp;token=81a524a9-b679-40fa-ab14-f25a2966039f" alt=""><figcaption></figcaption></figure>

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

## วาดจุด Hot Spot

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2F8Z2xapNziFI8WzRFpeFX%2Fimage.png?alt=media&amp;token=ac4c7277-0761-485f-aeda-7ca6f68d1539" alt=""><figcaption></figcaption></figure>

ท่านสามารถเลือกรูปร่างของ Hot Spot ที่ต้องการวาดได้ 3 แบบ คือ สี่เหลี่ยม วงกลม และโพลิก้อน

### Hot Spot สี่เหลี่ยมหรือวงกลม

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FXWXN11wCpIFylhmh5gJR%2Fimage.png?alt=media&amp;token=3dcdddf1-b379-41e5-a1d1-c44f43aee630" alt=""><figcaption></figcaption></figure>

เลือกรูปทรงที่ต้องการ คลิกแล้วลากบนพื้นที่ของรูปภาพในจุดที่ต้องการ

### โพลิก้อน

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FwYgIPRAjWwfStfXZFwf2%2Fimage.png?alt=media&amp;token=e7e3f64e-7eb1-430b-8f53-4e3437fe2ec6" alt=""><figcaption></figcaption></figure>

คลิกลากเส้นให้เป็นรูปทรงตามที่ต้องการได้ และเมื่อลากเรียบร้อย ดับเบิ้ลคลิกบริเวณรูปร่างเพื่อปิดพื้นที่

## คลิปสาธิตการสร้างคำถามประเภท Hot Spot

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