Изменить цвет фона изображения SVG на HTML? - PullRequest
Новая
       7

Изменить цвет фона изображения SVG на HTML?

0 голосов
/ 05 декабря 2018

Я отображаю изображения динамически (выбирая их из API).Их фон прозрачен (альфа).У меня также есть цвет фона я для изображений, чтобы быть сверху на.Как бы добавить этот цвет фона к изображению на HTML?У меня есть класс Image React (из Semantic-Ui-React), но я игнорирую это.Атрибут будет работать так же.«заливка» и «цвет» - это только мои попытки, которые не сработали.Остальные атрибуты не имеют значения. 

             <Image
                align="left"
                color="green"
                fill="red"
                src={image}
                size={this.state.tokenImageSize}
                avatar
                onMouseEnter={e =>
                  this.setState({
                    tokenImageSize: "medium",
                    textHeaderSize: "h1"
                  })
                }
                onMouseLeave={e =>
                  this.setState({
                    tokenImageSize: "tiny",
                    textHeaderSize: "h4"
                  })
                }
              />

1 Ответ

0 голосов
/ 05 декабря 2018

Типичный способ изменить цвета фона в элементах HTML - использовать атрибут style и установить background-color на нужный вам цвет.

Например, вы можете добавить к своему <image/>пометить этот атрибут:

style='background-color: blue'

...