canvas и drawImage()
 

http://preview-prjanik.ru/

на странице есть теги area,
при area:hover, в теге canvas рисую аналогичную область из координат area.
очищаю canvas вне этой области методом clip()
в canvas загружаю изображение методом drawImage()

получаю задуманное - в области тега area при наведении на него подгружено изображение.

все бы хорошо, но иногда получается так что drawImage() загружается в canvas полностью, игнорирую clip().
данный эффект проявляется если быстро перемещать курсор или перемещать на стыке координат area (довольно часто проявляется)
http://preview-prjanik.ru/1.jpg

можно было предположить, что координаты не успевают перерисовываться или иное не связанное с drawImage(),
для этого в скрипте были добавлены строки (они закомментированы), которые закрашивали fill() область координат.
так вот при возникновении эффекта полного загрузки изображения, fill() закрашивает только необходимую область.
http://preview-prjanik.ru/2.jpg