Показать сообщение отдельно
  #1 (permalink)  
Старый 27.10.2012, 16:57
Новичок на форуме
Отправить личное сообщение для jussik Посмотреть профиль Найти все сообщения от jussik
 
Регистрация: 25.10.2012
Сообщений: 2

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
Ответить с цитированием