Как задать img источник из svg inline?

у меня так и сделано)

Как задать img источник из svg inline?

Ankhena, этот сайт поможет преобразовать текст в кривые? Я правильно понял? https://products.aspose.app/svg/ru/text-to-vector. Кстати, на самом сайте у меня для всех элементов определено семейство шрифта "Georgia, 'Times New Roman', Times, serif". Разве оно есть не у всех и все равно заменится на то, которое есть у пользователя?

Как задать img источник из svg inline?

Ankhena, собираю на сайте svg editor - mediamodifier. Ссылка не отправилась сразу.

Как задать img источник из svg inline?

Ankhena, какой шрифт рекомендовали бы выставить вместо raleway, чтобы он всегда поддерживался у пользователя? Собираю на этом сайте новый svg:

Как задать img источник из svg inline?

Ankhena, svg использую для того, чтобы лого выглядело четко на любых устройствах.

Как задать img источник из svg inline?

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

Как задать img источник из svg inline?

Ankhena, чтобы менять цвет текста при наведении на лого сайта в формате svg. Что такое состояние стека?

Как сделать так, чтобы клик по object передавался родителю?

Wispik, мне так не выгодно. У меня есть еще один svg, в котором много писанины. Строк 100 примерно.

Как сделать так, чтобы клик по object передавался родителю?

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

<svg width="45px" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
 <defs>
  <style>
   svg
   {
    cursor: pointer;
    transition: 1s;
   }
   svg:hover
   {
    background: goldenrod;
   }
   svg:hover path
   {
    fill: #007fff;
   }
  </style>
 </defs>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M54 20.882V33.618L32 22.618L10 33.618V20.882L32 9.88196L54 20.882ZM52 22.118L32 12.118L12 22.118V30.382L32 20.382L52 30.382V22.118Z" fill="red"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M54 42.882V55.618L32 44.618L10 55.618V42.882L32 31.882L54 42.882ZM52 44.118L32 34.118L12 44.118V52.382L32 42.382L52 52.382V44.118Z" fill="gold"/>
</svg>

Как сделать так, чтобы клик по object передавался родителю?

клик по div без object работает. Именно когда курсор на object, то не срабатывает. Знаю, что можно расположить div поверх object и тогда клик 100% сработает, но это на крайний случай.

Как сделать так, чтобы клик по object передавался родителю?

При клике по div не выводится сообщение.

Как в файле svg заставить работать события?

а можно прописать как-то через CSS источник объекта?

Как поменять свойство одного ребенка через другого?

Сергей delphinpro, ваш пример работает, видимо что-то в верстке моей реальной страницы не дает сработать. Выставляйте как ответ. Тоже решение.

Как поменять свойство одного ребенка через другого?

szQocks, Выставляйте свой комментарий как ответ. Это решение.

Как поменять свойство одного ребенка через другого?

Сергей delphinpro, у меня Edge 124, win 10.

Как поменять свойство одного ребенка через другого?

не работает.

Как уместить кроссбраузерную поддержку в одну строку?

Eugen, юморист))

Как уместить кроссбраузерную поддержку в одну строку?

Rsa97, не суть, много свойств есть в CSS, которые без префикса не сработают. Вообще хочется охватить большее количество браузеров. Нужно решение на чистом CSS, без SASS и прочего.

Как уместить кроссбраузерную поддержку в одну строку?

Rsa97, animation-name, animation-duration и тд.. Там для каждого свойства есть префикс.

Как уместить кроссбраузерную поддержку в одну строку?

Lynn «Кофеман», не все свойства поддерживаются без префикса. Например, свойства, связанные с анимацией.