HTML image map in Canvas

Опубликовано: 12 Март 2026
на канале: How to Canvas
7,404
59

Convert your uploaded image into an interactive map of hotspots. This is a fantastic way to create dynamic content in your Canvas course by hyperlinking specific portions of an uploaded image. Level up!

Check out the write up:
https://www.howtocanvas.com/create-am...

You can also visit the Canvas sandbox pages:
https://canvas.instructure.com/course...

Table of Contents example:
https://canvas.instructure.com/course...

For more details on how to create a table of contents in Canvas, refer to the comprehensive tutorial:    • Create a table of contents in Canvas  

For a more comprehensive tutorial on hyperlinking, refer to my post:
https://www.howtocanvas.com/create-am...

0:00 - Intro
1:21 - breaking down the HTML (beginner level)
2:57 - rectangle coordinates
6:01 - circle coordinates
7:05 - polygon coordinates
8:57 - putting it all together
11:37 - example: table of contents
12:42 - wrapping up

Please consider subscribing for more Canvas tips and tricks:
http://bit.ly/how2canvas​​​​​​​

Website: https://www.howtocanvas.com/
Twitter:   / howtocanvas  
Instagram:   / howtocanvas  
Facebook:   / howtocanvas