Как изменить стили объекта SVG в зависимости от полученного цвета?

Question

[ЛС]

Всем добра!
Подскажите, пожалуйста, как реализовать следующее:

Есть схема участков в svg с дефолтным значением fill: #008000;
как, например изменить курсор, если значение fill меняется на #FF0000?

Answer 1

[Александр Ковалев]

с помощью js, перед этим нужно разметить ваш svg файл, добавив к нужным элементам классы или id и управлять ими через js.

Comments

[ЛС]

Я совсем новичок в JS.
SVG размещен, у элементов есть id, типа "path3845", "path4369" и класс "part".
Например:

<path id="path3723" class="part" d="m 85.147595,39.692496 22.535655,7.434442 11.26782,6.388974 L 98.506358,89.874981 79.4556,74.889933 Z" stroke="#fff" stroke-width="2" fill="#01bbaa" description-data="<img src='img.png'> Описание."></path>

Видно, что fill="#01bbaa"
в CSS есть .part {cursor: pointer;}
Как отловить изменение "fill", на известное "#ff0000" и назначить новый курсор "cursor: not-allowed"?

[Александр Ковалев]

Я неверно понял вашу задачу, думал, что нужно изменить стили какихто элементов в svg файле после каких либо событий.
В вашей задаче какойто скрипт изменяет цвета элементов в svg файле и вы хотите отловить момент, когда цвет нужного элемента изменится на ff0000?
Я правильно понял?

[ЛС]

Александр Ковалев, Да, все верно.

Для примера выше, изменения элементов в SVG записываются в новый CSS файл: #path3723 {fill: ff0000;}
тем самым перезаписывая дефолтное значение.

Я себе представляю это как условие:
Если какой-то #path.... получает значение "fill: #ff0000;", то нужно заменить курсор.
Только как это выполнить, не могу сообразить.