Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Почему неправильно вырисовывается canvas? Amateur Events/DOM/Window 0 19.09.2012 10:45
Запуск Canvas в IE9! Severtain Общие вопросы Javascript 7 11.04.2012 12:36
Создание экземпляра Canvas не затрагивая HTML Tails Общие вопросы Javascript 2 09.03.2012 12:55
Добавить на canvas еще один елемент greengarlic Общие вопросы Javascript 5 22.09.2010 10:16
Canvas: drawImage проблема. Jurasmi jQuery 3 11.01.2010 14:57