создание округлой области меняющей цвет
 

Здравствуйте товарищи!
Помогите пожалуйста решить следующий вопрос.
Имеется изображение в виде окружности, содержащей внутри себя окружности меньшего диаметра. При наведении курсора на соответствующую окружность она должна подсвечиваться определённым цветом.
Как задать округлую область в javascript, наведя на которую курсор, она поменяет цвет?
Или обязательно необходимо целостное изображение разбить на несколько изображений в виде окружностей?

Если тебе просто нужно чтоб круг менял цвет почему бы просто не использовать html + css ?
Если на js то смотри в сторону canvas
Я специфики не знаю, зачем это тебе, как будет применяться - две картинки (или спрайт) которые менять на hover.

Спасиобо буду пробывать