Не подсвечивается иконка в SVG

Я сделал SVG план этажа и нанёс на него иконку лампочки в кружочке.
1й этаж

Кружок - это слой bg. Сильно размытый фон, чтобы удобнее было нажимать на группу со смартфона.

В режиме редактирования SVG панели в веб интерфейсе:

  1. выделяю всю группу lustra, который содержит полностью все фигуры люстры и круглый фон вокруг и присваиваю действие клик для включения света при нажатии всей группы.
    image

  2. выделяю слой g280, который содержит только фигуры люстры и лучей света, но не включает круглый фон вокруг и присваиваю ему стиль, чтобы фон не менял свой цвет, а лампочка внутри становилась жёлтой при включённом реле 128К4
    image

Но при проверке почему-то не происходит изменение цвета лампы при включении реле.
Почему?
Если делаю изменение стиля любого другого элемента, то всё работает.

Здравствуйте, так работает рендер SVG в браузере. Если цвет назначить группе, то к элементам внутри группы этот стиль применён не будет, вот как это выглядит в инспекторе DOM браузера, вызываемого по Shift+I.
изображение

Решение — разгруппировать элементы и объединить в одну фигуру.

Картинка из примера, левая фигура — это группа, а правая — цельный контур.
Демо.zip (1,0 КБ)

1 Like

@schel4ok Вам удалось решить задачу?

Да. Я сделал изображение лампы не группой, а одним цельным контуром.

1 Like

Эта тема была автоматически закрыта через 7 дней после последнего ответа. В ней больше нельзя отвечать.