169 похожих чатов

Приветствую. Подскажите: хочу я сделать svg-файл как компонент, меняя ему

цвет пропсом. А как его вставить как background-image потом?)

9 ответов

19 просмотров

компонент как background-image?)

Swanky- Автор вопроса
=) Prots
компонент как background-image?)

ну мне нужна некая динамика в цветах, но при этом данный svg должен быть как background-image с cover. Сначала я попробовал простой вариант с mask , но там адаптивный дизайн вышел из чата...

Swanky- Автор вопроса
Vladimir K
Object-fit хорошо заменяет background-size:cover

по итогу посмотрел спеки, там mask дублирует почти полностью background, так что все сделал через него

Swanky
по итогу посмотрел спеки, там mask дублирует почти...

Мои слова могут быть чушью и я мог делать что-то неправильно, но помню мне в инлайновых свг не нравилась концепция id. Условно, когда на странице несколько элементов с одинаковыми id и разными значениями (в данном случае mask) — могут начинаться конфликты. В общем когда несколько иконок у вас как то странно себя начнут вести — в эту сторону можно копать. Отговаривать от mask не буду (не работал с ними), но через css это кажется более «надежным»

Swanky- Автор вопроса
Swanky
Так я про css свойство mask)

https://caniuse.com/css-masks про это?

Swanky- Автор вопроса
Vladimir K
Мои слова могут быть чушью и я мог делать что-то н...

Ага. Условно, у меня есть фон, который состоит из двух цветов по принципу: 1 - заливка, 2 - цвет svg. Первый менять легко, со вторым - проблемка. И как-то решил через mask-image делать

Похожие вопросы

Обсуждают сегодня

а через ESC-код ?
Alexey Kulakov
29
30500 за редактор? )
Владимир
47
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
program test; {$mode delphi} procedure proc(v: int32); overload; begin end; procedure proc(v: int64); overload; begin end; var x: uint64; begin proc(x); end. Уж не знаю...
notme
6
Ребят в СИ можно реализовать ООП?
Николай
33
у вас два процесса. один посылает другому сигнал. у вас есть код обоих процессов? если всё не так - расскажите как оно на самом деле. а именно кто кому чего, есть-ли консоли,...
Karagy
6
вы делали что-то подобное и как? может есть либы готовые? увидел картинку нокода, где всё линиями соединено и стало интересно попробовать то же в ddl на lua сделать. решил с ч...
Victor
8
Карта сайта