Сведения о вопросе

nikolya

15:32, 10th August, 2020

Теги

JavaScript   Canvas   HTML    

Hover-state отдельных областей canvas

Просмотров: 341   Ответов: 1

Здравствуйте! Возникла проблема реализации hover-state отдельных областей canvas.
Предположим, что на холсте 40х80 два квадрата по 40 пикселов. Понять, какую именно область подсвечивать (при назначении обработчика mousemove) проблем не представляет, проблема в том, чтобы изменять (например, затемнять) область надо лишь 1 раз, и когда указатель покинул нужное пространство возвратить исходный вид области. Прошу прощения, если вопрос глуп — я только осваиваю canvas. Заранее спасибо за советы.



  Сведения об ответе

padenie

08:08, 8th August, 2020

зависит от того, как Вы с ним работаете.
1) если нарисовано неизвестно что, то у тэга есть метод .toDataURL() — получить bas64, т.е. можно сохранить то, что сейчас нарисовано в png24 и потом вернуть обратно (можно по таймеру с прозрачностью эту картинку накладывать);
2) можно накладывать друг на друга несколько тегов canvas, если background: transparent — динамику можно показывать на нем;
3) если есть какая-нибудь последовательность команд для «раскраски», то достаточно очистить холст и её воспроивести.
и, судя по «два квадрата по 40 пикселов», Вам подходит третий вариант: запоминайте что и где надо выводить — и никаких проблем.


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться