> 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="/files/mK0kS0Zf4QztbKbFmjno" alt=""><figcaption></figcaption></figure>

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

## วาดจุด Hot Spot

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

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

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

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

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

### โพลิก้อน

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

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

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

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