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

Question

[skvot]

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

Answer 1

[Zitrix]

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

Comments

[Zitrix]

* base64, не bas64
а вообще по работе с канвасом https://developer.mozilla.org/en/Canvas_tutorial рекомендую, но там только «как рисовать», без отступлений к окружению