Вот есть же способ написать blob в стилях: background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'

Question

Вот есть же способ написать blob в стилях: background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'

width='100' height='100'><path d='M0 0 H 80 V 100 H 0 Z' fill='black'></path></svg>");

Можно ли как-то сконвертить имея путь на файл? Что-то вроде
background-image: url("data:image/svg+xml;utf8,/src/assets/icon.svg");
??

#css #frontend #html #programming #russian

0

17.07.2023

7 ответов

36 просмотров

Даниил Зеликов Автор вопроса

LZD
норм можно так делать да

Супер) а как?)

0

17.07.2023

LZD

Даниил Зеликов
Супер) а как?)

body { background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'> <text x='0' y='15' fill='red' font-size='20'>I love SVG!</text> </svg>"); }

0

17.07.2023

Даниил Зеликов Автор вопроса

LZD
body { background-image:url("data:image/svg+xml;...

это понятно. Вопрос в том, что я не хочу вставлять в стиль целое svg. Я хочу написать путь до него

0

17.07.2023

LZD

https://stackoverflow.com/questions/13367868/how-to-modify-the-fill-color-of-an-svg-image-when-being-served-as-background-ima

0

17.07.2023

Даниил Зеликов Автор вопроса