У меня есть определенная проблема с SVG-изображением, встроенным в различные элементы на веб-странице HTML.Тот же элемент SVG встроен следующим образом:
<img src="gwidget.svg">
<object data="gwidget.svg"></object>
Корневой элемент состоит из нескольких <g> подэлементов с <circle> и <path> внутри них.У <path> есть класс с атрибутами translate и scale в стиле transform.
Проблема возникает с элементом <object>, когда я использую масштабирование браузера в Chrome.Элемент пути теряется, и даже возврат масштаба браузера к исходному значению не помогает.Странно то, что открытие DevTools и включение и выключение атрибута класса устраняет проблему.
Следующая проблема не появляется для SVG в <img> или при выполнении того же действия в Edge, поэтому ябыло интересно, если это какая-то ошибка Chrome?Или что-то еще может вызывать проблему?