Как сравнить цвет участков SVG рисунка?

Question

[crazyTomato]

Здравствуйте

Делаю подобие раскраски. Есть SVG рисунок. Пользователь выбирает на свое усмотрение цвет, клацает на определенном участке SVG-рисунка и данный участок окрашивается в выбранный пользователем цвет.

Когда пользователь закрасил весь рисунок, мне необходимо сравнить участки SVG-рисунка.
Например, пользователь закрасил светофор цветами желтый, красный, зеленый. Получается что первые два закрашены не верно. Как мне узнать?

Предполагается, что SVG рисунок будет единый. Т.е. светофор - это один цельный рисунок, а не 3 круга и прямоугольник.

Comments

[Вадим]

Ну а как пользователь будет его закрашивать? Значит там, скажем, в светофоре, будут элементы circle или что-то типа того, которые в момент клика будут получать закраску в свойстве fill.
Проходитесь js`ом по элементам, смотрите какой у них fill, сравниваете с каким надо и профит.