At one time, there might be more than 1 canvas or 1 icon shown.
The id “clickarea” in Fig. 6 will be used in JavaScript code in Fig. 7 to define where the clickable icon should be placed. Therefore, if there is more than 1 clickable area at the same time, different unique id for each canvas is needed.