Подключение файлов SVG

@Dmitrin · Регистрация: 04.12.2012

Студворк — интернет-сервис помощи студентам

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

Примерный код svg в файлах

HTML5
1
<svg id="Слой_1" data-name="Слой 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 162 161.82"><defs><style>.cls-1,.cls-2{fill:none;stroke:#ffc342;stroke-miterlimit:10}.cls-1{stroke-width:2px}</style></defs><title>icon_krug</title><circle class="cls-1" cx="81" cy="38.25" r="37.25"/><path class="cls-2" d="M44.38 46.12L67.47 72.9M44.34 39.3l31.03 35.99M44.38 32.91l37.65 42.77M45.82 27.44l41.25 47.85M47.6 22.72L92 74.22M49.73 18.39l46.74 54.22M52.26 14.55l48.28 56M55.31 11.28l48.7 56.26M57.96 7.64l49.24 57.07M62.53 6.1l47.64 55.31M66.45 3.86l46.84 54.34M71.03 2.39l44.53 51.65M75.94 1.29l40.83 47.37M81.38.82l36.54 42.39M87.68 1.35l30.57 35.44M95.91 4.11l21.05 24.42"/><circle class="cls-1" cx="38.25" cy="123.57" r="37.25"/><path class="cls-2" d="M1.62 131.44l23.09 26.79M1.59 124.62l31.03 35.99M1.62 118.23L39.27 161M3.07 112.76l41.25 47.85M4.85 108.04l44.39 51.5M6.97 103.72l46.74 54.22M9.51 99.87l48.27 56M12.56 96.6l48.69 56.26M15.21 92.97l49.24 57.07M19.78 91.42l47.64 55.31M23.69 89.18l46.85 54.34M28.28 87.71l44.52 51.66M33.18 86.62l40.84 47.37M38.62 86.14l36.54 42.39M44.93 86.67l30.56 35.44M53.16 89.43l21.05 24.42"/><circle class="cls-1" cx="123.75" cy="123.57" r="37.25"/><path class="cls-2" d="M87.13 131.44l23.09 26.79M87.1 124.62l31.02 35.99M87.13 118.23L124.78 161M88.58 112.76l41.24 47.85M90.36 108.04l44.39 51.5M92.48 103.72l46.74 54.22M95.02 99.87l48.27 56M98.06 96.6l48.7 56.26M100.71 92.97l49.25 57.07M105.28 91.42l47.64 55.31M109.2 89.18l46.84 54.34M113.78 87.71l44.53 51.66M118.69 86.62l40.83 47.37M124.13 86.14l36.54 42.39M130.44 86.67L161 122.11M138.67 89.43l21.05 24.42"/></svg>

Необходимо при наведении менять цвет stroke

Сейчас пробую через object подключить, но так и не понял, можно ли в таком случае работать с внутренним svg

@Janosense · 20.01.2017, 22:07

Dmitrin, Признаюсь что я не совсем компетентен в вопросе, но могу посоветовать вот этот ресурс: https://svgontheweb.com/ru/#css, возможно поможет как помог мне).

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Janosense 45 / 41 / 22 Регистрация: 28.01.2015 Сообщений: 162
	20.01.2017, 22:07
	Dmitrin, Признаюсь что я не совсем компетентен в вопросе, но могу посоветовать вот этот ресурс: https://svgontheweb.com/ru/#css, возможно поможет как помог мне). 1